diff --git a/assets/src/images/TableGen_Themes.jpg b/assets/src/images/TableGen_Themes.jpg deleted file mode 100644 index 83a7e39064..0000000000 Binary files a/assets/src/images/TableGen_Themes.jpg and /dev/null differ diff --git a/assets/src/images/a876f9d1af4e9e6df148a98391b856d4.png b/assets/src/images/a876f9d1af4e9e6df148a98391b856d4.png deleted file mode 100644 index f83891e6cb..0000000000 Binary files a/assets/src/images/a876f9d1af4e9e6df148a98391b856d4.png and /dev/null differ diff --git a/assets/src/images/ai-loading.gif b/assets/src/images/ai-loading.gif deleted file mode 100644 index 074be1787f..0000000000 Binary files a/assets/src/images/ai-loading.gif and /dev/null differ diff --git a/assets/src/images/angle-left-solid.svg b/assets/src/images/angle-left-solid.svg deleted file mode 100644 index b7d7f32fcd..0000000000 --- a/assets/src/images/angle-left-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/images/angle-right-solid.svg b/assets/src/images/angle-right-solid.svg deleted file mode 100644 index 5a1eaf0523..0000000000 --- a/assets/src/images/angle-right-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/images/bm.png b/assets/src/images/bm.png deleted file mode 100644 index 329ff524c5..0000000000 Binary files a/assets/src/images/bm.png and /dev/null differ diff --git a/assets/src/images/chevron-left-solid.svg b/assets/src/images/chevron-left-solid.svg deleted file mode 100644 index 41061c287f..0000000000 --- a/assets/src/images/chevron-left-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/images/chevron-right-solid.svg b/assets/src/images/chevron-right-solid.svg deleted file mode 100644 index 6f3ecc4dc0..0000000000 --- a/assets/src/images/chevron-right-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/images/cloud-upload-alt-solid.svg b/assets/src/images/cloud-upload-alt-solid.svg deleted file mode 100644 index accfee0c73..0000000000 --- a/assets/src/images/cloud-upload-alt-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/images/csv-step-done.png b/assets/src/images/csv-step-done.png deleted file mode 100644 index 5ede16805b..0000000000 Binary files a/assets/src/images/csv-step-done.png and /dev/null differ diff --git a/assets/src/images/csv-step.png b/assets/src/images/csv-step.png deleted file mode 100644 index 3b94ed2e37..0000000000 Binary files a/assets/src/images/csv-step.png and /dev/null differ diff --git a/assets/src/images/directorist-logo.png b/assets/src/images/directorist-logo.png deleted file mode 100644 index 73c542f1a1..0000000000 Binary files a/assets/src/images/directorist-logo.png and /dev/null differ diff --git a/assets/src/images/dmdsf1.png b/assets/src/images/dmdsf1.png deleted file mode 100644 index 8db756f8f9..0000000000 Binary files a/assets/src/images/dmdsf1.png and /dev/null differ diff --git a/assets/src/images/elementor-icon.png b/assets/src/images/elementor-icon.png deleted file mode 100644 index f3eead96b7..0000000000 Binary files a/assets/src/images/elementor-icon.png and /dev/null differ diff --git a/assets/src/images/file-solid.svg b/assets/src/images/file-solid.svg deleted file mode 100644 index 64d79c6141..0000000000 --- a/assets/src/images/file-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/images/grid.jpg b/assets/src/images/grid.jpg deleted file mode 100644 index 2b6dc990b4..0000000000 Binary files a/assets/src/images/grid.jpg and /dev/null differ diff --git a/assets/src/images/index.html b/assets/src/images/index.html deleted file mode 100644 index 2efb97f319..0000000000 --- a/assets/src/images/index.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/assets/src/images/info-solid-light.svg b/assets/src/images/info-solid-light.svg deleted file mode 100644 index 45c4117d9d..0000000000 --- a/assets/src/images/info-solid-light.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/images/info-solid.svg b/assets/src/images/info-solid.svg deleted file mode 100644 index 8a310b3ab3..0000000000 --- a/assets/src/images/info-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/images/list.jpg b/assets/src/images/list.jpg deleted file mode 100644 index 317bcd45f1..0000000000 Binary files a/assets/src/images/list.jpg and /dev/null differ diff --git a/assets/src/images/listing-1.png b/assets/src/images/listing-1.png deleted file mode 100644 index 9feabb10d0..0000000000 Binary files a/assets/src/images/listing-1.png and /dev/null differ diff --git a/assets/src/images/loading.gif b/assets/src/images/loading.gif deleted file mode 100644 index ee2603f904..0000000000 Binary files a/assets/src/images/loading.gif and /dev/null differ diff --git a/assets/src/images/m1.png b/assets/src/images/m1.png deleted file mode 100644 index 2450cb1105..0000000000 Binary files a/assets/src/images/m1.png and /dev/null differ diff --git a/assets/src/images/m2.png b/assets/src/images/m2.png deleted file mode 100644 index b999cbcf69..0000000000 Binary files a/assets/src/images/m2.png and /dev/null differ diff --git a/assets/src/images/m3.png b/assets/src/images/m3.png deleted file mode 100644 index 9f30b3092b..0000000000 Binary files a/assets/src/images/m3.png and /dev/null differ diff --git a/assets/src/images/m4.png b/assets/src/images/m4.png deleted file mode 100644 index 0d3f8263bd..0000000000 Binary files a/assets/src/images/m4.png and /dev/null differ diff --git a/assets/src/images/m5.png b/assets/src/images/m5.png deleted file mode 100644 index 61387d2ab5..0000000000 Binary files a/assets/src/images/m5.png and /dev/null differ diff --git a/assets/src/images/map-icon.png b/assets/src/images/map-icon.png deleted file mode 100644 index f22358f888..0000000000 Binary files a/assets/src/images/map-icon.png and /dev/null differ diff --git a/assets/src/images/map-marker.png b/assets/src/images/map-marker.png deleted file mode 100644 index 9c1d0c4ec0..0000000000 Binary files a/assets/src/images/map-marker.png and /dev/null differ diff --git a/assets/src/images/menu_icon.png b/assets/src/images/menu_icon.png deleted file mode 100644 index 1c6d936536..0000000000 Binary files a/assets/src/images/menu_icon.png and /dev/null differ diff --git a/assets/src/images/no-image.jpg b/assets/src/images/no-image.jpg deleted file mode 100644 index 9e64ea0d3c..0000000000 Binary files a/assets/src/images/no-image.jpg and /dev/null differ diff --git a/assets/src/images/no-image.png b/assets/src/images/no-image.png deleted file mode 100644 index 46420414e8..0000000000 Binary files a/assets/src/images/no-image.png and /dev/null differ diff --git a/assets/src/images/revav.png b/assets/src/images/revav.png deleted file mode 100644 index bd7da9c5bd..0000000000 Binary files a/assets/src/images/revav.png and /dev/null differ diff --git a/assets/src/images/revav.zip b/assets/src/images/revav.zip deleted file mode 100644 index 3a90b28e98..0000000000 Binary files a/assets/src/images/revav.zip and /dev/null differ diff --git a/assets/src/images/settings_icon.png b/assets/src/images/settings_icon.png deleted file mode 100644 index fb8259fb73..0000000000 Binary files a/assets/src/images/settings_icon.png and /dev/null differ diff --git a/assets/src/images/spinner-2x.gif b/assets/src/images/spinner-2x.gif deleted file mode 100644 index a4e161e1fe..0000000000 Binary files a/assets/src/images/spinner-2x.gif and /dev/null differ diff --git a/assets/src/images/spinner-solid.svg b/assets/src/images/spinner-solid.svg deleted file mode 100644 index 9b29afa229..0000000000 --- a/assets/src/images/spinner-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/images/spinner.gif b/assets/src/images/spinner.gif deleted file mode 100644 index 209d10b6bb..0000000000 Binary files a/assets/src/images/spinner.gif and /dev/null differ diff --git a/assets/src/images/times-solid-dark.svg b/assets/src/images/times-solid-dark.svg deleted file mode 100644 index 8144622456..0000000000 --- a/assets/src/images/times-solid-dark.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/images/times-solid-light.svg b/assets/src/images/times-solid-light.svg deleted file mode 100644 index 79c81a2cb2..0000000000 --- a/assets/src/images/times-solid-light.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/images/user-alt-solid.svg b/assets/src/images/user-alt-solid.svg deleted file mode 100644 index 3a344ef1b0..0000000000 --- a/assets/src/images/user-alt-solid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/src/js/admin/admin.js b/assets/src/js/admin/admin.js deleted file mode 100644 index 0246ff0bf0..0000000000 --- a/assets/src/js/admin/admin.js +++ /dev/null @@ -1,15 +0,0 @@ -import './../../scss/layout/admin/admin-style.scss' - -// Global -import './../global/global'; - -// Blocks -import './components/block-1'; -import './components/block-2'; -import './components/block-3'; -import './components/block-4'; -import './components/block-5'; -import './components/admin-user'; - -// subscriptionManagement -import './components/subscriptionManagement'; \ No newline at end of file diff --git a/assets/src/js/admin/components/admin-user.js b/assets/src/js/admin/components/admin-user.js deleted file mode 100644 index 8a126e7158..0000000000 --- a/assets/src/js/admin/components/admin-user.js +++ /dev/null @@ -1,50 +0,0 @@ -// user type change on user dashboard -(function ($) { - window.addEventListener('load', () => { - $('#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); \ No newline at end of file diff --git a/assets/src/js/admin/components/block-1.js b/assets/src/js/admin/components/block-1.js deleted file mode 100644 index 0f63d33881..0000000000 --- a/assets/src/js/admin/components/block-1.js +++ /dev/null @@ -1,173 +0,0 @@ -window.addEventListener('load', () => { - const $ = jQuery; - const content = ''; - - // Category icon selection - function selecWithIcon(selected) { - if (!selected.id) { - return selected.text; - } - const $elem = $( - ` ${selected.text - }` - ); - return $elem; - } - - if($("[data-toggle='tooltip']").length){ - $("[data-toggle='tooltip']").tooltip(); - } - - // price range - const 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 - const $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' - const iconBindingElement = jQuery('#addNewSocial'); - // arrange names ID in order before adding new elements - $('.directorist-form-social-fields').each(function (index, element) { - const e = $(element); - e.attr('id', `socialID-${index}`); - e.find('select').attr('name', `social[${index}][id]`); - e.find('.atbdp_social_input').attr('name', `social[${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); - }); - }); */ - - // remove the social field and then reset the ids while maintaining position - $(document).on('click', '.directorist-form-social-fields__remove', function (e) { - const id = $(this).data('id'); - const elementToRemove = $(`div#socialID-${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) { - const e = $(element); - e.attr('id', `socialID-${index}`); - e.find('select').attr('name', `social[${index}][id]`); - e.find('.atbdp_social_input').attr( - 'name', - `social[${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(); - const $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(`

${response.data}

`); - } - }); - }); - - // upgrade old pages - $('#shortcode-updated input[name="shortcode-updated"]').on('change', function (event) { - event.preventDefault(); - $('#success_msg').hide(); - - const $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(`

${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) { - let data; - if (ActionName) data = `action=${ActionName}`; - if (arg) data = `${arg}&action=${ActionName}`; - if (arg && !ActionName) data = arg; - // data = data ; - - const n = data.search(directorist_admin.nonceName); - if (n < 0) { - data = `${data}&${directorist_admin.nonceName}=${directorist_admin.nonce}`; - } - - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data, - beforeSend() { - jQuery("").insertAfter( - ElementToShowLoadingIconAfter - ); - }, - success(data) { - jQuery('.atbdp_ajax_loading').remove(); - CallBackHandler(data); - }, - }); - } -}); \ No newline at end of file diff --git a/assets/src/js/admin/components/block-2.js b/assets/src/js/admin/components/block-2.js deleted file mode 100644 index 44af5c3ace..0000000000 --- a/assets/src/js/admin/components/block-2.js +++ /dev/null @@ -1,286 +0,0 @@ -window.addEventListener('load', () => { - const $ = jQuery; - // Set all variables to be used in scope - const has_tagline = $('#has_tagline').val(); - const 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(); - }); - - const avg_review = $('#average_review_for_popular').hide(); - const 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 - const 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 - const $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) { - const id = $(this).data('id'); - const elementToRemove = $(`div#socialID-${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) { - const e = $(element); - e.attr('id', `socialID-${index}`); - e.find('select').attr('name', `social[${index}][id]`); - e.find('.atbdp_social_input').attr( - 'name', - `social[${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(); - const $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(`

${response.data}

`); - } - }); - }); - - // upgrade old pages - $('#shortcode-updated input[name="shortcode-updated"]').on('change', function (event) { - event.preventDefault(); - $('#success_msg').hide(); - - const $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(`

${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() { - $('#atbdp-send-system-info-submit').html('Sending'); - }, - success(data) { - if (data.success) { - $('#atbdp-send-system-info-submit').html('Send Email'); - $('.system_info_success').html('Successfully sent'); - } - }, - 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(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(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(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(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) { - let data; - if (ActionName) data = `action=${ActionName}`; - if (arg) data = `${arg}&action=${ActionName}`; - if (arg && !ActionName) data = arg; - // data = data ; - - const n = data.search(directorist_admin.nonceName); - if (n < 0) { - data = `${data}&${directorist_admin.nonceName}=${directorist_admin.nonce}`; - } - - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data, - beforeSend() { - jQuery("").insertAfter( - ElementToShowLoadingIconAfter - ); - }, - success(data) { - jQuery('.atbdp_ajax_loading').remove(); - CallBackHandler(data); - }, - }); - } -}); \ No newline at end of file diff --git a/assets/src/js/admin/components/block-3.js b/assets/src/js/admin/components/block-3.js deleted file mode 100644 index 32dcf7ce11..0000000000 --- a/assets/src/js/admin/components/block-3.js +++ /dev/null @@ -1,756 +0,0 @@ -import debounce from "../../global/components/debounce"; - -window.addEventListener('load', () => { - const $ = jQuery; - - // Custom Image uploader for listing image - - // Set all variables to be used in scope - let frame; - let selection; - let prv_image; - let prv_url; - let prv_img_url; - const 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(); - } - let 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'); - } - }); - - const has_tagline = $('#has_tagline').val(); - const 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(); - }); - - let 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(); - } - - const avg_review = $('#average_review_for_popular').hide(); - const 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) { - let 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() { - const image = frame.state().get('selection').first().toJSON(); - - if (page === 'listings') { - const html = - `${'' + - '' + - '' + - '` + - `` + - `` + - `${image.url}
` + - `${atbdp.edit - } | ` + - `${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 - const announcement_to = $('select[name="announcement_to"]'); - const 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); - }); - - const submit_button = $('#announcement_submit .vp-input ~ span'); - const form_feedback = $('#announcement_submit .field'); - form_feedback.prepend('
'); - - let announcement_is_sending = false; - - // Send Announcement - submit_button.on('click', function () { - if (announcement_is_sending) { - console.log('Please wait...'); - return; - } - - const to = $('select[name="announcement_to"]'); - const recepents = $('select[name="announcement_recepents"]'); - const subject = $('input[name="announcement_subject"]'); - const message = $('textarea[name="announcement_message"]'); - const expiration = $('input[name="announcement_expiration"]'); - const send_to_email = $('input[name="announcement_send_to_email"]'); - - const 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 - const 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() { - // console.log( 'Sending...' ); - form_feedback - .find('.announcement-feedback') - .html('
Sending the announcement, please wait..
'); - }, - success(response) { - // console.log( {response} ); - announcement_is_sending = false; - - if (response.message) { - form_feedback - .find('.announcement-feedback') - .html(`
${response.message}
`); - } - }, - error(error) { - console.log({ - 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')); - const atbds_tabParent = $(this) - .parent() - .parent() - .find('a.nav-link'); - const $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'] ${$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'] ${$href}`).addClass( - 'active show' - ); - break; - default: - break; - } - }); - - // Custom Tooltip Support Added - $('.atbds_tooltip').on('hover', function () { - const 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'); - }); - - - const directory_type = $('select[name="directory_type"]').val(); - if (directory_type) { - admin_listing_form(directory_type); - } - - const localized_data = directorist_admin.add_listing_data; - $('body').on('change', 'select[name="directory_type"]', debounce( 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((index, element) => { - let fieldWrapper = $(element).closest('.directorist-custom-field-checkbox, .directorist-custom-field-radio'); - let 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(response) { - - if ( response.error ) { - console.log({ 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']) { - const scripts = response.data['required_js_scripts']; - for (let 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(error) { - console.log({ - error - }); - }, - }); - } - - // default directory type - $('body').on('click', '.submitdefault', function (e) { - e.preventDefault(); - $(this) - .children('.submitDefaultCheckbox') - .prop('checked', true); - const 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(response) { - defaultSubmitDom - .closest('.directorist_listing-actions') - .siblings('.directorist_notifier') - .append(`${response}`); - defaultSubmitDom - .closest('.directorist_listing-actions') - .children('.directorist_loader') - .remove(); - setTimeout(function () { - location.reload(); - }, 500); - }, - }); - }); - - function assetsNeedToWorkInVirtualDom() { - function getPriceTypeInput(typeId) { - return $(`#${$(`[for="${typeId}"]`).data('option')}`); - } - - $( '.directorist-form-pricing-field__options' ).on( 'change', 'input', function() { - const $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(); - - const $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' ); - } - } - - let 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(); - } - }); - } -}); \ No newline at end of file diff --git a/assets/src/js/admin/components/block-4.js b/assets/src/js/admin/components/block-4.js deleted file mode 100644 index 4a371072ae..0000000000 --- a/assets/src/js/admin/components/block-4.js +++ /dev/null @@ -1,40 +0,0 @@ -/* - Plugin: PureScriptTab - Version: 1.0.0 - License: MIT -*/ - -const pureScriptTab = selector1 => { - const selector = document.querySelectorAll(selector1); - selector.forEach((el, index) => { - a = el.querySelectorAll('.directorist-tab__nav__link'); - - a.forEach((element, index) => { - element.style.cursor = 'pointer'; - element.addEventListener('click', event => { - event.preventDefault(); - event.stopPropagation(); - - const ul = event.target.closest('.directorist-tab__nav'); - const main = ul.nextElementSibling; - const item_a = ul.querySelectorAll('.directorist-tab__nav__link'); - const section = main.querySelectorAll('.directorist-tab__pane'); - - item_a.forEach((ela, ind) => { - ela.classList.remove('directorist-tab__nav__active'); - }); - event.target.classList.add('directorist-tab__nav__active'); - - section.forEach((element1, index) => { - // console.log(element1); - element1.classList.remove('directorist-tab__pane--active'); - }); - const { - target - } = event.target; - document.getElementById(target).classList.add('directorist-tab__pane--active'); - }); - }); - }); -}; -pureScriptTab('.directorist_builder--tab'); diff --git a/assets/src/js/admin/components/block-5.js b/assets/src/js/admin/components/block-5.js deleted file mode 100644 index 13f0b8807b..0000000000 --- a/assets/src/js/admin/components/block-5.js +++ /dev/null @@ -1,275 +0,0 @@ -window.addEventListener('load', () => { - const $ = jQuery; - - // Init Category Icon Picker - function initCategoryIconPicker() { - const iconPickerContainer = document.querySelector( '.directorist-category-icon-picker' ); - - if ( ! iconPickerContainer ) { - return; - } - - const iconValueElm = document.querySelector( '.category_icon_value' ); - const iconValue = ( iconValueElm ) ? iconValueElm.value : ''; - - const onSelectIcon = function( value ) { - iconValueElm.setAttribute( 'value', value ); - }; - - let args = {}; - args.container = iconPickerContainer; - args.onSelect = onSelectIcon; - args.icons = { - fontAwesome: directoriistFontAwesomeIcons, - lineAwesome: directoriistLineAwesomeIcons, - }; - args.value = iconValue; - args.labels = directorist_admin.icon_picker_labels; - - const iconPicker = new IconPicker( args ); - iconPicker.init(); - } - - initCategoryIconPicker(); - - // Category icon selection - function selecWithIcon(selected) { - if (!selected.id) { - return selected.text; - } - const $elem = $(` ${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(); - let 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) { - let clickedDom = $(e.target); - if (!clickedDom.parents().hasClass('directorist_dropdown')) { - $('.directorist_dropdown-option').hide(); - } - }); - - $('.directorist-type-slug-content').each(function (id, element) { - let slugWrapper = $(element).children('.directorist_listing-slug-text'); - let 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) { - let 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) { - let 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) { - let type_id = slugWrapper.data('type-id'); - let newSlugVal = slugWrapper.attr('data-value'); - let 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(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(); - const data_target = $(this).data('target'); - const 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(); - const data_target = $(this).data('target'); - const 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(); - const data_target = $(this).data('target'); - $(data_target).slideToggle(); - }); - - // Accordion Toggle - $('.atbdp-accordion-toggle').on('click', function (e) { - e.preventDefault(); - const data_parent = $(this).data('parent'); - const 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(); - } - }); - -}); \ No newline at end of file diff --git a/assets/src/js/admin/components/delete-directory-modal.js b/assets/src/js/admin/components/delete-directory-modal.js deleted file mode 100644 index 32d4831f8a..0000000000 --- a/assets/src/js/admin/components/delete-directory-modal.js +++ /dev/null @@ -1,20 +0,0 @@ -window.addEventListener('load', () => { - var $ = jQuery; - - // Open Delete Modal - $('.atbdp-directory-delete-link-action').on('click', function (e) { - e.preventDefault(); - - let 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'); - }); -}); \ No newline at end of file diff --git a/assets/src/js/admin/components/directory-migration-modal.js b/assets/src/js/admin/components/directory-migration-modal.js deleted file mode 100644 index 32e0523d48..0000000000 --- a/assets/src/js/admin/components/directory-migration-modal.js +++ /dev/null @@ -1,71 +0,0 @@ -window.addEventListener('load', () => { - var $ = jQuery; - const axios = require('axios').default; - - // Migration Link - $( '.atbdp-directory-migration-link' ).on( 'click', function( e ) { - e.preventDefault(); - const 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' ); - - let form_data = new FormData(); - form_data.append( 'action', 'directorist_force_migrate' ); - - // Response Success Callback - const responseSuccessCallback = function ( response ) { - // console.log( { response } ); - - if ( response?.data?.success ) { - let msg = ( response?.data?.message ) ?? 'Migration Successful'; - let alert_content = ` -
-
- -
- -
${msg}
-
- `; - - $( '.cptm-directory-migration-form' ).find( '.cptm-comfirmation-text' ).html( alert_content ); - $( self ).remove(); - - location.reload(); - return; - } - - responseFaildCallback( response ); - }; - - // Response Error Callback - const responseFaildCallback = function ( response ) { - // console.log( { response } ); - - let msg = ( response?.data?.message ) ?? 'Something went wrong please try again'; - let alert_content = ` -
-
- -
- -
${msg}
-
- `; - - $( '.cptm-directory-migration-form' ).find( '.cptm-comfirmation-text' ).html( alert_content ); - $( self ).remove(); - }; - - // Send Request - axios.post( directorist_admin.ajax_url, form_data ).then( response => { - responseSuccessCallback( response ); - }).catch( response => { - responseFaildCallback( response ); - }); - }); -}); \ No newline at end of file diff --git a/assets/src/js/admin/components/import-directory-modal.js b/assets/src/js/admin/components/import-directory-modal.js deleted file mode 100644 index 02a9296166..0000000000 --- a/assets/src/js/admin/components/import-directory-modal.js +++ /dev/null @@ -1,85 +0,0 @@ -window.addEventListener('load', () => { - const axios = require('axios').default; - - var $ = jQuery; - - // cptm-import-directory-form - let term_id = 0; - $('.cptm-import-directory-form').on('submit', function (e) { - e.preventDefault(); - - let form_feedback = $(this).find('.cptm-form-group-feedback'); - let modal_content = $('.cptm-import-directory-modal').find('.cptm-modal-content'); - let modal_alert = $('.cptm-import-directory-modal-alert'); - - let 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); - } - - let form_fields = $(this).find('.cptm-form-field'); - let general_fields = ['text', 'number']; - - $(this).find('button[type=submit] .cptm-loading-icon').removeClass('cptm-d-none'); - - for (let field of form_fields) { - 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]); - } - } - - const self = this; - form_feedback.html(''); - - axios.post(directorist_admin.ajax_url, form_data) - .then(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) { - let status_log = response.data.status.status_log; - for (let status in status_log) { - let 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(error => { - console.log({ - error - }); - $(self).find('button[type=submit] .cptm-loading-icon').addClass('cptm-d-none'); - }); - }); -}); \ No newline at end of file diff --git a/assets/src/js/admin/components/subscriptionManagement.js b/assets/src/js/admin/components/subscriptionManagement.js deleted file mode 100644 index 03f97f7b9c..0000000000 --- a/assets/src/js/admin/components/subscriptionManagement.js +++ /dev/null @@ -1,1277 +0,0 @@ -window.addEventListener('load', () => { - const $ = jQuery; - - // License Authentication - // ---------------------------------------------------------- - // atbdp_get_license_authentication - let is_sending = false; - $('#atbdp-directorist-license-login-form').on('submit', function (e) { - e.preventDefault(); - if (is_sending) { - return; - } - - const form = $(this); - const submit_button = form.find('button[type="submit"]'); - - const 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() { - submit_button.prepend( - '' - ); - submit_button.attr('disabled', true); - }, - success(response) { - // 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?.status?.log) { - for (const feedback in response.status.log) { - const alert_type = response.status.log[feedback].type; - - let alert = `
${alert_message}
`; - - $('.atbdp-form-feedback').append(alert); - } - } - - if (response?.status?.success) { - - location.reload(); - return; - - form.attr('id', 'atbdp-product-download-form'); - form.find('.atbdp-form-page').remove(); - - const form_response_page = form.find('.atbdp-form-response-page'); - form_response_page.removeClass('atbdp-d-none'); - - // Append Response - form_response_page.append(''); - - const themes = - response.license_data && response.license_data.themes ? - response.license_data.themes : - []; - const plugins = - response.license_data && response.license_data.plugins ? - response.license_data.plugins : - []; - - const total_theme = themes.length; - const total_plugin = plugins.length; - - // console.log( { plugins, themes } ); - - if (!plugins.length && !themes.length) { - var title = - '

There is no product in your purchase, redirecting...

'; - form_response_page.find('.atbdp-form-feedback').append(title); - location.reload(); - - return; - } - - var title = '

Activate your products

'; - form_response_page.find('.atbdp-form-feedback').append(title); - - // Show Log - Themes - if (total_theme) { - const theme_section = - '
'; - form_response_page.find('.atbdp-form-feedback').append(theme_section); - - const theme_title = `

Themes (${themes.length - })

`; - const theme_check_lists = - ''; - - form_response_page - .find('.atbdp-themes-list-section') - .append(theme_title); - form_response_page - .find('.atbdp-themes-list-section') - .append(theme_check_lists); - - var counter = 0; - for (const theme of themes) { - // console.log( theme ); - var checkbox = ``; - var label = ``; - var list_action = `${checkbox} `; - var li = `
  • ${list_action}${label}
  • `; - form_response_page.find('.atbdp-themes-list').append(li); - counter++; - } - } - - // Show Log - Extensions - if (total_plugin) { - const plugin_section = - '
    '; - form_response_page.find('.atbdp-form-feedback').append(plugin_section); - - const plugin_title = `

    Extensions (${plugins.length - })

    `; - const plugin_check_lists = - ''; - - form_response_page - .find('.atbdp-extensions-list-section') - .append(plugin_title); - form_response_page - .find('.atbdp-extensions-list-section') - .append(plugin_check_lists); - - var counter = 0; - for (const extension of plugins) { - // console.log( extension ); - var checkbox = ``; - var list_action = `${checkbox} `; - var label = ``; - var li = `
  • ${list_action}${label}
  • `; - - form_response_page.find('.atbdp-extensions-list').append(li); - counter++; - } - } - - const continue_button = - ''; - const skip_button = - 'Skip'; - - form_response_page.append(continue_button); - form_response_page.append(skip_button); - - $('.atbdp-download-products-btn').on('click', function (e) { - $(this).prop('disabled', true); - - let skiped_themes = 0; - $( - '.atbdp-theme-checklist-item .atbdp-list-action .atbdp-checkbox' - ).each(function (i, e) { - const is_checked = $(e).is(':checked'); - - if (!is_checked) { - const id = $(e).attr('id'); - const list_item = $(`.check-list-item-${id}`); - list_item.remove(); - - skiped_themes++; - } - }); - - let skiped_plugins = 0; - $( - '.atbdp-plugin-checklist-item .atbdp-list-action .atbdp-checkbox' - ).each(function (i, e) { - const is_checked = $(e).is(':checked'); - - if (!is_checked) { - const id = $(e).attr('id'); - const list_item = $(`.check-list-item-${id}`); - list_item.remove(); - - skiped_plugins++; - } - }); - - const new_theme_count = total_theme - skiped_themes; - const new_plugin_count = total_plugin - skiped_plugins; - - $('.atbdp-theme-title') - .find('.atbdp-count') - .html(`(${new_theme_count})`); - $('.atbdp-extension-title') - .find('.atbdp-count') - .html(`(${new_plugin_count})`); - - $('.atbdp-check-list-item .atbdp-list-action .atbdp-checkbox').css( - 'display', - 'none' - ); - $('.atbdp-check-list-item .atbdp-list-action').prepend( - ' ' - ); - - const files_download_states = { - succeeded_plugin_downloads: [], - failed_plugin_downloads: [], - succeeded_theme_downloads: [], - failed_theme_downloads: [], - }; - - // Download Files - var download_files = function (file_list, counter, callback) { - if (counter > file_list.length - 1) { - if (callback) { - callback(); - } - - return; - } - const next_index = counter + 1; - const file_item = file_list[counter]; - const { - file - } = file_item; - const file_type = file_item.type; - - const list_item = $(`.check-list-item-${file.item_id}`); - const icon_elm = list_item.find( - '.atbdp-list-action .atbdp-icon' - ); - const list_checkbox = $( - `.atbdp-${file_type}-checkbox-item-${file.item_id}` - ); - const is_checked = list_checkbox.is(':checked'); - - if (!is_checked) { - download_files(file_list, next_index, callback); - return; - } - - const form_data = { - action: 'atbdp_download_file', - download_item: file, - type: file_type, - nonce: directorist_admin.nonce, - - }; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend() { - icon_elm.removeClass('atbdp-text-danger'); - icon_elm.html( - '' - ); - }, - success(response) { - // console.log('success', counter, response); - - if (response.status.success) { - icon_elm.addClass('atbdp-text-success'); - icon_elm.html( - '' - ); - - if (file_type == 'plugin') { - files_download_states.succeeded_plugin_downloads.push( - file - ); - } - - if (file_type == 'theme') { - files_download_states.succeeded_theme_downloads.push( - file - ); - } - } else { - const msg = `${response.status.message - }`; - list_item.append(msg); - icon_elm.addClass('atbdp-text-danger'); - icon_elm.html( - '' - ); - - if (file_type == 'plugin') { - files_download_states.failed_plugin_downloads.push( - file - ); - } - - if (file_type == 'theme') { - files_download_states.failed_theme_downloads.push( - file - ); - } - } - - download_files(file_list, next_index, callback); - }, - error(error) { - console.log(error); - - icon_elm.addClass('atbdp-text-danger'); - icon_elm.html( - '' - ); - }, - }); - }; - - // Remove Unnecessary Sections - if (!new_theme_count) { - $('.atbdp-themes-list-section').remove(); - } - - if (!new_plugin_count) { - $('.atbdp-extensions-list-section').remove(); - } - - if (new_theme_count || new_plugin_count) { - const form_header_title = 'Activating your products'; - form_response_page - .find('.atbdp-form-feedback .form-header-title') - .html(form_header_title); - } - - const downloading_files = []; - - // Download Themes - if (new_theme_count) { - for (const theme of themes) { - downloading_files.push({ - file: theme, - type: 'theme' - }); - } - } - - // Download Plugins - if (new_plugin_count) { - for (const plugin of plugins) { - downloading_files.push({ - file: plugin, - type: 'plugin', - }); - } - } - - const self = this; - const after_download_callback = function () { - // Check invalid themes - let all_thmes_are_invalid = false; - const failed_download_themes_count = - files_download_states.failed_theme_downloads.length; - if ( - new_theme_count && - failed_download_themes_count === new_theme_count - ) { - all_thmes_are_invalid = true; - } - - // Check invalid plugin - let all_plugins_are_invalid = false; - const failed_download_plugins_count = - files_download_states.failed_plugin_downloads.length; - if ( - new_plugin_count && - failed_download_plugins_count === new_plugin_count - ) { - all_plugins_are_invalid = true; - } - - let all_products_are_invalid = false; - if (all_thmes_are_invalid && all_plugins_are_invalid) { - all_products_are_invalid = true; - } - - $(form_response_page) - .find('.account-connect__form-btn .account-connect__btn') - .remove(); - - const finish_btn_label = all_products_are_invalid ? 'Close' : 'Finish'; - const finish_btn = ``; - - $(form_response_page) - .find('.account-connect__form-btn') - .append(finish_btn); - }; - - if (downloading_files.length) { - download_files(downloading_files, 0, after_download_callback); - } - }); - } - }, - - error(error) { - console.log(error); - 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); - - const plugin_key = $(this).data('key'); - const button_default_html = $(this).html(); - - const form_data = { - action: 'atbdp_update_plugins', - nonce: directorist_admin.nonce, - - }; - - if (plugin_key) { - form_data.plugin_key = plugin_key; - } - - // console.log( { plugin_key } ); - - const self = this; - - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend() { - const icon = ' Updating'; - $(self).html(icon); - }, - 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(error) { - console.log(error); - $(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; - } - - const data_key = $(this).data('key'); - const data_type = $(this).data('type'); - const form_data = { - action: 'atbdp_install_file_from_subscriptions', - item_key: data_key, - type: data_type, - nonce: directorist_admin.nonce, - - }; - const btn_default_html = $(this).html(); - - ext_is_installing = true; - const self = this; - $(this).prop('disabled', true); - $(this).addClass('in-progress'); - - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend() { - $(self).html('Installing'); - const icon = ' '; - - $(self).prepend(icon); - }, - 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(error) { - console.log(error); - $(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; - } - - const data_key = $(this).data('key'); - const form_data = { - action: 'atbdp_activate_plugin', - item_key: data_key, - nonce: directorist_admin.nonce, - - }; - const btn_default_html = $(this).html(); - - const self = this; - $(this).prop('disabled', true); - $(this).addClass('in-progress'); - - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend() { - $(self).html('Activating'); - const icon = ' '; - - $(self).prepend(icon); - }, - 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(error) { - console.log(error); - $(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(); - - const purchase_refresh_btn_wrapper = $(this).parent(); - const 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(); - - const auth_section = $('.et-auth-section'); - const 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' ); - - const submit_btn = $(this).find('button[type="submit"]'); - const btn_default_html = submit_btn.html(); - const close_btn = $(this).find('.et-close-auth-btn'); - const form_feedback = $(this).find('.atbdp-form-feedback'); - - $(submit_btn).prop('disabled', true); - $(close_btn).addClass('atbdp-d-none'); - - const password = $(this) - .find('input[name="password"]') - .val(); - - const form_data = { - action: 'atbdp_refresh_purchase_status', - password, - nonce: directorist_admin.nonce, - - }; - - form_feedback.html(''); - - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend() { - $(submit_btn).html(''); - }, - success(response) { - // console.log(response); - - if (response.status.message) { - var feedback_type = response.status.success ? 'success' : 'danger'; - var message = `${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(error) { - console.log(error); - - $(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(); - - const hard_logout = $(this).data('hard-logout'); - - const form_data = { - action: 'atbdp_close_subscriptions_sassion', - hard_logout, - nonce: directorist_admin.nonce, - - }; - - const self = this; - - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend() { - $(self).html(' Logging out'); - }, - success(response) { - // console.log( response ); - location.reload(); - }, - error(error) { - // 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; - } - - const task = $(this) - .find('select[name="bulk-actions"]') - .val(); - const plugins_items = []; - - $(this) - .find('.extension-name-checkbox') - .each(function (i, e) { - const is_checked = $(e).is(':checked'); - const id = $(e).attr('id'); - - if (is_checked) { - plugins_items.push(id); - } - }); - - if (!task.length || !plugins_items.length) { - return; - } - - const self = this; - is_bulk_processing = true; - form_data = { - action: 'atbdp_plugins_bulk_action', - task, - plugin_items: plugins_items, - directorist_nonce: directorist_admin.directorist_nonce, - - }; - - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend() { - $(self) - .find('button[type="submit"]') - .prepend( - ' ' - ); - }, - success(response) { - $(self) - .find('button[type="submit"] .atbdp-icon') - .remove(); - location.reload(); - }, - error(error) { - 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; - } - - const self = this; - const task = $(this) - .find('select[name="bulk-actions"]') - .val(); - - const plugins_items = []; - const tergeted_items_elm = '.extension-name-checkbox'; - - $(self) - .find(tergeted_items_elm) - .each(function (i, e) { - const is_checked = $(e).is(':checked'); - const 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'); - - const loading_icon = ' '; - - $(this) - .find('button[type="submit"]') - .prop('disabled', true) - .prepend(loading_icon); - - is_bulk_processing = true; - const after_bulk_process = function () { - 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; - } - - const self = this; - const task = $(this) - .find('select[name="bulk-actions"]') - .val(); - - const plugins_items = []; - const tergeted_items_elm = ('install' === task) ? '.extension-install-checkbox' : '.extension-activate-checkbox'; - - $(self) - .find(tergeted_items_elm) - .each(function (i, e) { - const is_checked = $(e).is(':checked'); - const 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'); - - - const loading_icon = ' '; - $(this) - .find('button[type="submit"]') - .prop('disabled', true) - .prepend(loading_icon); - - is_bulk_processing = true; - const after_bulk_process = function () { - is_bulk_processing = false; - - $(self) - .find('button[type="submit"]') - .find('.atbdp-icon') - .remove(); - - $(self) - .find('button[type="submit"]') - .prop('disabled', false); - - location.reload(); - }; - - const 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) { - - const action = { - install: 'atbdp_install_file_from_subscriptions', - activate: 'atbdp_activate_plugin', - }; - - const btnLabelOnProgress = { - install: 'Installing', - activate: 'Activating', - }; - - const btnLabelOnSuccess = { - install: 'Installed', - activate: 'Activated', - }; - - const processStartBtn = { - install: '.file-install-btn', - activate: '.plugin-active-btn', - }; - - var bulk_task = function (plugins, counter, callback) { - - if (counter > plugins.length - 1) { - if (callback) { - callback(); - } - return; - } - - const current_item = plugins[counter]; - const action_wrapper_key = ('install' === task) ? plugins[counter] : plugins[counter].replace(/\/.+$/g, ''); - const action_wrapper = $(`.ext-action-${action_wrapper_key}`); - const action_btn = action_wrapper.find(processStartBtn[task]); - const next_index = counter + 1; - const 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() { - action_btn.html( - ` - - ${btnLabelOnProgress[ task ]}` - ); - }, - - 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(error) { - // 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; - } - - const data_target = $(this).data('target'); - - const form_data = { - action: 'atbdp_plugins_bulk_action', - task: 'uninstall', - plugin_items: [data_target], - nonce: directorist_admin.nonce, - - }; - - const self = this; - uninstalling = true; - - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend() { - $(self).prepend( - ' ' - ); - }, - success(response) { - // console.log( response ); - $(self) - .closest('.ext-action') - .find('.ext-action-drop') - .removeClass('active'); - location.reload(); - }, - error(error) { - // console.log(error); - uninstalling = false; - }, - }); - }); - - // Bulk checkbox toggle - $('#select-all-installed') - .on('change', function (e) { - const 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) { - const 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) { - const 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 - let theme_is_activating = false; - $('.theme-activate-btn').on('click', function (e) { - e.preventDefault(); - - if (theme_is_activating) { - return; - } - - const data_target = $(this).data('target'); - if (!data_target) { - return; - } - if (!data_target.length) { - return; - } - - const form_data = { - action: 'atbdp_activate_theme', - theme_stylesheet: data_target, - nonce: directorist_admin.nonce, - - }; - - const self = this; - theme_is_activating = true; - - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend() { - $(self).prepend( - ' ' - ); - }, - success(response) { - // console.log({ response }); - $(self) - .find('.atbdp-icon') - .remove(); - - if (response.status && response.status.success) { - location.reload(); - } - }, - error(error) { - // 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; - } - - const theme_stylesheet = $(this).data('target'); - const button_default_html = $(this).html(); - const form_data = { - action: 'atbdp_update_theme', - nonce: directorist_admin.nonce, - - }; - - if (theme_stylesheet) { - form_data.theme_stylesheet = theme_stylesheet; - } - - const self = this; - $(this).addClass('in-progress'); - - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend() { - $(self).html( - ' Updating' - ); - }, - 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(error) { - // console.log({ error }); - $(self).removeClass('in-progress'); - $(self).html(button_default_html); - $(self).prop('disabled', false); - }, - }); - }); -}); \ No newline at end of file diff --git a/assets/src/js/admin/custom-field.js b/assets/src/js/admin/custom-field.js deleted file mode 100644 index ffd4338fc9..0000000000 --- a/assets/src/js/admin/custom-field.js +++ /dev/null @@ -1,32 +0,0 @@ -window.addEventListener('load', () => { - (function ($) { - $('table.posts #the-list, table.pages #the-list').sortable({ - 'items': 'tr', - 'axis': 'y', - 'helper': fixHelper, - 'update': function () { - $.post(ajaxurl, { - action: 'update-menu-order', - order: $('#the-list').sortable('serialize') - }); - } - }); - $('table.tags #the-list').sortable({ - 'items': 'tr', - 'axis': 'y', - 'helper': fixHelper, - 'update': function () { - $.post(ajaxurl, { - action: 'update-menu-order-tags', - order: $('#the-list').sortable('serialize') - }); - } - }); - var fixHelper = function (e, ui) { - ui.children().children().each(function () { - $(this).width($(this).width()); - }); - return ui; - }; - })(jQuery); -}); \ No newline at end of file diff --git a/assets/src/js/admin/extension-update.js b/assets/src/js/admin/extension-update.js deleted file mode 100644 index 56a526fed5..0000000000 --- a/assets/src/js/admin/extension-update.js +++ /dev/null @@ -1,12 +0,0 @@ -window.addEventListener('load', () => { - jQuery(function ($) { - // update extension - $('body').on('click', '.atbdp-update-extension', function (e) { - e.preventDefault(); - var data = $(this).attr('data-update-info'); - $.get('https://directorist.com/wp-json/directorist/extension/' + data, function (data, status, request) { - window.location.href = data; - }); - }); - }); -}); \ No newline at end of file diff --git a/assets/src/js/admin/import-export.js b/assets/src/js/admin/import-export.js deleted file mode 100644 index 7ba7797e30..0000000000 --- a/assets/src/js/admin/import-export.js +++ /dev/null @@ -1,178 +0,0 @@ -jQuery(document).ready(function ($) { - - const query_string = (function (a) { - if (a == '') return {}; - const b = {}; - for (let i = 0; i < a.length; ++i) { - const 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 () { - $('#directorist-type-preloader').show(); - }, - success(response) { - - if ( response.error ) { - console.log({ response }); - return; - } - - $('.atbdp-importer-mapping-table').remove(); - $('.directory_type_wrapper').after(response); - }, - complete: function () { - $('#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/${$(this).data('total')}`); - $('.directorist-importer-length').css( 'width', '10%' ); - $('.directorist-importer-progress').val(10); - - const configFields = $( '.directorist-listings-importer-config-field' ); - - const runImporter = function(position = 0, offset = 0) { - const 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( ( index, item ) => { - const key = $( item ).attr( 'name' ); - const 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 () { - const name = $(this).attr('name'); - const value = $(this).val(); - - const postFields = [ - 'listing_status', - 'listing_title', - 'listing_content', - 'listing_img', - 'directory_type', - ]; - - const taxonomyFields = [ - 'category', - 'location', - 'tag', - ]; - - if ( postFields.includes( value ) ) { - form_data.append( value, name ); - log.push( { [ value ]: name } ); - } else if ( taxonomyFields.includes( value ) ) { - form_data.append( `tax_input[${value}]`, name ); - log.push( { [ `tax_input[${value}]` ]: name } ); - } else if ( value != '' ) { - form_data.append( `meta[${value}]`, name ); - log.push( { [ `meta[${value}]` ]: name } ); - } - }); - - } - - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - // async: false, - url: directorist_admin.ajaxurl, - data: form_data, - success( response ) { - if ( response.error ) { - console.log({ response }); - return; - } - - const percentage = (response.position / response.total) * 100; - - $('.importer-details').html(`${Math.min(response.position, response.total)}/${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(response) { - window.console.log(response); - }, - }); - - }; - - runImporter(); - }); - - /* csv upload */ - $('#upload').change(function (e) { - const filename = e.target.files[0].name; - $('.csv-upload .file-name').html(filename); - }); -}); diff --git a/assets/src/js/admin/multi-directory-archive.js b/assets/src/js/admin/multi-directory-archive.js deleted file mode 100644 index ea14739c05..0000000000 --- a/assets/src/js/admin/multi-directory-archive.js +++ /dev/null @@ -1,706 +0,0 @@ -// Scrips -import './components/delete-directory-modal'; -import './components/directory-migration-modal'; -import './components/import-directory-modal'; - -var $ = jQuery; -const axios = require('axios').default; - -window.addEventListener('load', () => { - // Migration Link - $( '.directorist_directory_template_library' ).on( 'click', function( e ) { - e.preventDefault(); - const 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.." ); - - let form_data = new FormData(); - form_data.append( 'action', 'directorist_directory_type_library' ); - form_data.append('directorist_nonce', directorist_admin.directorist_nonce); - - // Response Success Callback - const responseSuccessCallback = function ( response ) { - - if ( response?.data?.success ) { - let msg = ( response?.data?.message ) ?? 'Imported successfully!'; - $( '.directorist_template_notice' ) - .addClass( 'cptm-section-alert-success' ) - .text( msg ); - - location.reload(); - return; - } - - responseFieldCallback( response ); - }; - - // Response Error Callback - const responseFieldCallback = function ( response ) { - // Remove 'disabled' class from all siblings and self in case of failure - $( self ).siblings( '.cptm-create-directory-modal__action__single' ).addBack().removeClass( 'disabled' ); - - let msg = ( response?.data?.message ) ?? 'Something went wrong please try again'; - let alert_content = ` -
    -
    - -
    - -
    ${msg}
    -
    - `; - - $( '.cptm-directory-migration-form' ).find( '.cptm-comfirmation-text' ).html( alert_content ); - $( self ).remove(); - }; - - // Send Request - axios.post( directorist_admin.ajax_url, form_data ).then( response => { - responseSuccessCallback( response ); - }).catch( 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 - const 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(response => { - if (response?.data?.success) { - // Replace the content inside '#wpbody' with the response HTML - $('#wpbody').empty().html(response?.data?.data?.form); - - // Initialize Step Contents - initialStepContents(); - } else { - console.log(response.data); - } - }).catch( response => { - console.log(response.data); - }); - }); -}); - -let totalStep = 3; -let currentStep = 1; -let directoryTitle = ''; -let directoryLocation = ''; -let directoryType = ''; -let directoryPrompt = 'I want to create a car directory'; -let maxPromptLength = 200; -let directoryKeywords = []; -let directoryFields = []; -let directoryPinnedFields = []; -let 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 ${directoryType} directory${directoryLocation ? ` in ${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() { - const tagList = []; // Internal list for selected keywords - const maxFreeTags = 5; // Max item limit for all users - - const tagListElem = document.getElementById("directorist-box__tagList"); - const newTagElem = document.getElementById("directorist-box__newTag"); - const recommendedTagsElem = document.getElementById("directorist-recommendedTags"); - const recommendedTags = Array.from(recommendedTagsElem.getElementsByTagName("li")); - const tagLimitMsgElem = document.getElementById("directorist-tagLimitMsg"); - const tagCountElem = document.getElementById("directorist-tagCount"); - - const canAddMoreTags = () => tagList.length < maxFreeTags; - - // Update the global keywords list - const updateDirectoryKeywords = () => { - directoryKeywords = [...tagList]; // Sync global keywords - }; - - // Update the tag count and recommended tags state - const updateTagCount = () => { - tagCountElem.textContent = `${tagList.length}/${maxFreeTags}`; - tagLimitMsgElem.style.display = "flex"; - recommendedTagsElem.classList.toggle('recommend-disable', !canAddMoreTags()); - }; - - // Update the recommended tags state based on the selected tags - const updateRecommendedTagsState = () => { - recommendedTags.forEach(tagElem => { - const tagText = tagElem.textContent.trim(); - tagElem.classList.toggle('disabled', tagList.includes(tagText)); - }); - }; - - // Render the tag list - const renderTagList = () => { - tagListElem.innerHTML = tagList.map(tag => ( - `
  • ${tag} ×
  • ` - )).join(''); - tagListElem.appendChild(newTagElem.parentNode || document.createElement('li').appendChild(newTagElem)); - - updateRecommendedTagsState(); - updateTagCount(); - updateDirectoryKeywords(); - }; - - // Add a new tag to the list - const addTag = (tag) => { - if (tag && !tagList.includes(tag) && canAddMoreTags()) { - tagList.push(tag); - renderTagList(); - } - }; - - // Remove a tag from the list - const removeTag = (index) => { - if (index !== -1) { - tagList.splice(index, 1); - renderTagList(); - } - }; - - // Event listener for adding tags via input - newTagElem.addEventListener("keyup", (e) => { - if (e.key === "Enter") { - const newTag = newTagElem.value.trim(); - addTag(newTag); - newTagElem.value = ''; - } - }); - - // Event delegation for removing tags - tagListElem.addEventListener("click", (e) => { - if (e.target.classList.contains("directorist-rmTag")) { - const index = Array.from(tagListElem.children).indexOf(e.target.parentElement); - removeTag(index); - } - }); - - // Event listener for adding recommended tags - recommendedTagsElem.addEventListener("click", (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(); - } - const generateBtnWrapper = document.querySelector(".directory-generate-btn__wrapper"); - const btnPercentage = document.querySelector(".directory-generate-btn__percentage"); - const progressBar = document.querySelector(".directory-generate-btn--bg"); - - if (generateBtnWrapper) { - const finalWidth = generateBtnWrapper.getAttribute("data-width"); - - let currentWidth = 0; - - const intervalDuration = 20; // Interval time in milliseconds - const increment = finalWidth / (2000 / intervalDuration); - - // Update the progress bar width - const updateProgress = () => { - if (creationCompleted) { - progressBar.style.width = `${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 = `${currentWidth}%`; - progressBar.style.width = `${currentWidth}%`; - - if (typeof updateProgressList === 'function') { - updateProgressList(currentWidth); - } - - currentWidth += increment; - } else { - if (!finalProgress) { - setTimeout(() => { - progressBar.style.width = '0'; - }, 3000); - } - clearInterval(progressInterval); - } - }; - - const progressInterval = setInterval(updateProgress, intervalDuration); - } - - const steps = document.querySelectorAll(".directory-generate-progress-list li"); - - // Update the progress list based on the current progress - const updateProgressList = (progress) => { - if (steps.length > 0) { - steps.forEach((step, index) => { - const stepNumber = index + 1; - const 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(){ - const dropdowns = document.querySelectorAll(".directorist-ai-generate-dropdown"); - const accordion = true; - $('#directorist-create-directory__ai-fields .fields-count').html(dropdowns.length); - - const pinnedIconSVG = ` - - - - - `; - - const unpinnedIconSVG = ` - - - - `; - - // Initialize each dropdown - dropdowns.forEach((dropdown) => { - const header = dropdown.querySelector(".directorist-ai-generate-dropdown__header.has-options"); - const content = dropdown.querySelector(".directorist-ai-generate-dropdown__content"); - const icon = dropdown.querySelector(".directorist-ai-generate-dropdown__header-icon"); - const pinIcon = dropdown.querySelector(".directorist-ai-generate-dropdown__pin-icon"); - const dropdownItem = dropdown.closest('.directorist-ai-generate-box__item'); - - // Pin Field - pinIcon.addEventListener("click", (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", (event) => { - if (event.target === pinIcon || pinIcon.contains(event.target)) { - return; - } - - const 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((otherDropdown) => { - if (otherDropdown !== dropdown) { - const otherContent = otherDropdown.querySelector(".directorist-ai-generate-dropdown__content"); - const 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() { - const pinnedElements = document.querySelectorAll('.directorist-ai-generate-box__item.pinned'); - if (pinnedElements.length > 0) { - const titles = Array.from(pinnedElements).flatMap(pinnedElement => - Array.from(pinnedElement.querySelectorAll('.directorist-ai-generate-dropdown__title-main h6')) - .map(item => 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); - - const $directoryName = $('.directorist-create-directory__content__input[name="directory-name"]'); - const $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) { - $('#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?.data?.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) { - if (response?.data?.success) { - let 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(${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) { - handlePromptStep(response?.data?.data?.html); - } else if (currentStep == 3) { - setTimeout(() => { - handleGenerateFields(response?.data?.data?.html); - }, 1000); - directoryFields = JSON.stringify(response?.data?.data?.fields ); - } else if (currentStep == 4) { - handleCreateDirectory( response?.data?.data?.url ); - } - } else { - console.error(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(); - - let 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(response => { - handleCreateButtonEnable(); - handleAIFormResponse(response); - }) - .catch(error => { - if (error.response.data?.success === false && error.response.data?.data?.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) { - e.preventDefault(); - $(this).addClass('loading'); - - let 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(response => { - $(this).removeClass('loading'); - handleGenerateFields(response?.data?.data?.html); - $('.directorist_regenerate_fields').hide(); - directoryFields = JSON.stringify( response.data.data.fields ); - }) - .catch(error => { - if (error.response.data?.success === false && error.response.data?.data?.code === 'limit_exceeded') { - alert('🙌 You\'ve exceeded the request/site beta limit.'); - } - - $(this).removeClass('loading'); - console.error(error.response.data); - }); -}); diff --git a/assets/src/js/admin/multi-directory-builder.js b/assets/src/js/admin/multi-directory-builder.js deleted file mode 100644 index ed8b2a45fd..0000000000 --- a/assets/src/js/admin/multi-directory-builder.js +++ /dev/null @@ -1,43 +0,0 @@ -import Vue from 'vue'; -import SlideUpDown from 'vue-slide-up-down'; -import Vuex from 'vuex'; - -Vue.use(Vuex); -Vue.component('slide-up-down', SlideUpDown); - -import cpt_manager_component from './vue/apps/cpt-manager/CPT_Manager.vue'; -import './vue/global-component'; -import store from './vue/store/CPT_Manager_Store'; - -window.addEventListener('load', () => { - const cpt_manager_el = document.getElementById( 'atbdp-cpt-manager' ); - - if ( cpt_manager_el ) { - const encodedBuilderData = cpt_manager_el.getAttribute( 'data-builder-data' ); - let builderData = atob( encodedBuilderData ); - - try { - builderData = JSON.parse( builderData ); - } catch ( error ) { - builderData = []; - } - - new Vue({ - el:'#atbdp-cpt-manager', - store, - components: { - 'cpt-manager': cpt_manager_component - }, - - data() { - return { - id: ( typeof builderData.id !== 'undefined' ) ? builderData.id : 0, - fields: ( typeof builderData.fields !== 'undefined' ) ? builderData.fields : [], - layouts: ( typeof builderData.layouts !== 'undefined' ) ? builderData.layouts : [], - options: ( typeof builderData.options !== 'undefined' ) ? builderData.options : { test: 'asas' }, - config: ( typeof builderData.config !== 'undefined' ) ? builderData.config : {}, - } - } - }); - } -}); \ No newline at end of file diff --git a/assets/src/js/admin/plugins.js b/assets/src/js/admin/plugins.js deleted file mode 100644 index ae23c4b17c..0000000000 --- a/assets/src/js/admin/plugins.js +++ /dev/null @@ -1,56 +0,0 @@ -jQuery(document).ready(function ($) { - const update = $('#directorist-update'); - const main_div = $('[data-slug="directorist"]'); - const extensions_area = update.length ? update : main_div; - extensions_area.after(''); - $('.directorist-extensions').append( - $( - '
    All Extensions
    ' - ) - ); - - const tbody = $('.directorist-extensions').find('.de-list'); - const extWrapper = $('.directorist-extensions').find('.ext-all-wrapper'); - $(extWrapper).append( - '' - ); - const moreLink = $('.directorist-extensions').find('.ext-more-link'); - $(moreLink).hide(); - - $(tbody).append($('#the-list tr[data-slug^="directorist-"], #the-list tr[data-slug^="addonskit-for-elementor"]')); - - $("body").on('click', '.select_all', function (e) { - var table = $(e.target).closest('table'); - $('td input:checkbox', table).prop('checked', this.checked); - }); - - if ($(extWrapper).innerHeight() > 250) { - $(extWrapper).addClass('ext-height-fix'); - $(moreLink).show(); - $(extWrapper).css('padding-bottom', '60px'); - } - $(moreLink).on('click', function (e) { - e.preventDefault(); - if ($(extWrapper).hasClass('ext-height-fix')) { - $(extWrapper) - .animate({ - height: '100%' - }, 'fast') - .removeClass('ext-height-fix'); - $(this).html('Click to collapse'); - } else { - $(extWrapper) - .animate({ - height: '250px' - }, 'fast') - .addClass('ext-height-fix'); - setTimeout(() => { - $(this).html('Click to view directorist all extensions'); - }, 1000); - } - }); - - if ($(tbody).html() === '') { - $('.directorist-extensions').hide(); - } -}); \ No newline at end of file diff --git a/assets/src/js/admin/settings-manager.js b/assets/src/js/admin/settings-manager.js deleted file mode 100644 index 702224de93..0000000000 --- a/assets/src/js/admin/settings-manager.js +++ /dev/null @@ -1,67 +0,0 @@ -import Vue from 'vue'; -import SlideUpDown from 'vue-slide-up-down'; -import Vuex from 'vuex'; - -Vue.use(Vuex); -Vue.component('slide-up-down', SlideUpDown); - -import settings_manager_component from './vue/apps/settings-manager/Settings_Manager.vue'; -import './vue/global-component'; -import store from './vue/store/CPT_Manager_Store'; - -window.addEventListener('load', () => { - const settings_panel_el = document.getElementById( 'atbdp-settings-manager' ); - - if ( settings_panel_el ) { - const encodedBuilderData = settings_panel_el.getAttribute( 'data-builder-data' ); - let builderData = atob( encodedBuilderData ); - - try { - builderData = JSON.parse( builderData ); - } catch ( error ) { - builderData = []; - } - - new Vue({ - el:'#atbdp-settings-manager', - store, - components: { - 'settings-manager': settings_manager_component - }, - - data() { - return { - id: builderData.id, - fields: builderData.fields, - layouts: builderData.layouts, - config: builderData.config, - } - } - }); - } - - /* Copy shortcodes on click */ - var $ = jQuery; - $('body').on('click', '.atbdp_shortcodes', function () { - const $this = $(this); - const $temp = $(''); - $('body').append($temp); - $temp.val($(this).text()).select(); - document.execCommand('copy'); - $temp.remove(); - // Check if '.copy-notify' already exists next to the clicked element - if (!$this.siblings('.copy-notify').length) { - $this.after( - "

    Copied to clipboard!

    " - ); - - let timeout = setTimeout(function () { - $this.siblings('.copy-notify').fadeOut(300, function () { - $(this).remove(); - }); - - clearTimeout(timeout); - }, 3000); - } - }); -}); diff --git a/assets/src/js/admin/setup-wizard.js b/assets/src/js/admin/setup-wizard.js deleted file mode 100644 index 19463d39f3..0000000000 --- a/assets/src/js/admin/setup-wizard.js +++ /dev/null @@ -1,268 +0,0 @@ -/* eslint-disable */ -jQuery(document).ready(function ($) { - const import_dummy = $('#atbdp_dummy_form'); - let position = 0; - let failed = 0; - let imported = 0; - let redirect_url = ''; - - $(import_dummy).on('submit', function (e) { - e.preventDefault(); - - $('.atbdp_dummy_body').fadeOut(300); - $('.atbdp-c-footer').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'); - let counter = 0; - var run_import = function () { - const form_data = new FormData(); - // ajax action - form_data.append('action', 'atbdp_dummy_data_import'); - form_data.append('file', $('#dummy_csv_file').val()); - form_data.append('limit', $('#atbdp-listings-to-import').val()); - form_data.append('image', ($('#atbdp-import-image')).is(':checked') ? 1 : ''); - form_data.append('delimiter', ','); - form_data.append('update_existing', ''); - form_data.append('position', position); - form_data.append('directorist_nonce', import_export_data.directorist_nonce ); - form_data.append('pre_mapped', true); - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - // async: false, - url: import_export_data.ajaxurl, - data: form_data, - success(response) { - - if ( response.error ) { - console.log({ response }); - return; - } - - imported += response.imported; - failed += response.failed; - redirect_url = response.url; - $('.importer-details').html( - `Imported ${response.next_position} out of ${response.total}` - ); - $('.directorist-importer-progress').val(response.percentage); - if (response.percentage != '100' && counter < 150) { - position = response.next_position; - run_import(); - counter++; - } else { - window.location = response.url; - } - $('input[name="save_step"]').addClass("btn-hide"); - $('.directorist-importer-length').css('width', response.percentage + '%'); - }, - error(response) { - window.location = redirect_url; - }, - }); - - }; - run_import(); - }); - - $('.directorist-submit-importing').on('click', function(e) { - e.preventDefault(); - // Add a class when the button is clicked - $(this).addClass('loading'); - $( '.directorist_dummy_data_log' ).text( 'Preparing data...' ); - - $('.directorist-setup-wizard__content').addClass('hidden'); - $('.middle-content-import').removeClass('hidden'); - - let type_count = 0; - var import_dummy = function () { - - var data = { - action : 'directorist_setup_wizard', - directorist_nonce : import_export_data.directorist_nonce, - }; - - if ( $('input[name="directory_type_settings"]').is(':checked') ) { - data.directory_type_settings = true; - } - - if ( $('input[name="share_non_sensitive_data"]').is(':checked') ) { - data.share_non_sensitive_data = true; - } - - if ( $('input[name="import_listings"]').is(':checked') ) { - data.import_listings = true; - } - - if ( $('input[name="required_plugins"]').is(':checked') ) { - data.required_plugins = true; - } - - data.counter = type_count; - - $.ajax({ - method: 'POST', - url : import_export_data.ajaxurl, - data : data, - success(response) { - - console.log( response ); - - $( '.directorist-import-text-inner' ).empty().text( response.log ); - if ( response.completed ) { - - $( '.directorist-import-text-inner' ).empty().text( response.log ); - - window.location = response.url; - } - - type_count++; - let progressPercentage = response.percentage; - - $('.directorist-import-progress-bar').css('width', progressPercentage + '%'); - $('.directorist-importer-progress').val(progressPercentage); - $('.directorist-import-progress-info-precent').text(progressPercentage + '%'); - - import_dummy(); - - }, - }); - - }; - import_dummy(); - - }); - - // Reusable function to check and toggle the class based on the input value - function handleInputFocus(inputElement) { - if ($(inputElement).val().length > 0) { - $(inputElement).parent('.directorist-search-field').addClass('input-is-focused'); - } else { - $(inputElement).parent('.directorist-search-field').removeClass('input-is-focused'); - } - } - - // Keyup event listener for user typing in the input field - $('body').on('keyup', '.directorist-location-js', function(e) { - e.preventDefault(); - handleInputFocus(this); - }); - - // Clear location input value - $('body').on('click', '.directorist-setup-wizard__box__content__input--clear', function(e) { - e.preventDefault(); - $(this).siblings('input').val(''); - $(this).parent('.directorist-search-field').removeClass('input-is-focused'); - }); - - //options - $('.atbdp-sw-gmap-key').hide(); - $('#select_map').on('change', function (e) { - if ($(this).val() === 'google') { - $('.atbdp-sw-gmap-key').show(); - } else { - $('.atbdp-sw-gmap-key').hide(); - } - }); - if ($('#select_map').val() === 'google') { - $('.atbdp-sw-gmap-key').show(); - } else { - $('.atbdp-sw-gmap-key').hide(); - } - - $('.atbdp-sw-featured-listing').hide(); - $('#enable_monetization').on('change', function () { - if ($(this).prop("checked") === true) { - $('.atbdp-sw-featured-listing').show(); - } else { - $('.atbdp-sw-featured-listing').hide(); - } - }); - if ($('#enable_monetization').prop("checked") === true) { - $('.atbdp-sw-featured-listing').show(); - } else { - $('.atbdp-sw-featured-listing').hide(); - } - - $('.atbdp-sw-listing-price').hide(); - $('#enable_featured_listing').on('change', function () { - if ($(this).prop("checked") === true) { - $('.atbdp-sw-listing-price').show(); - } else { - $('.atbdp-sw-listing-price').hide(); - } - }); - if ($('#enable_monetization').prop("checked") === true) { - $('.atbdp-sw-listing-price').show(); - } else { - $('.atbdp-sw-listing-price').hide(); - } - - /* custom select */ - $('#select_map').select2({ - minimumResultsForSearch: -1 - }); - $('#atbdp-listings-to-import').select2({ - minimumResultsForSearch: -1 - }); - - - // Setup Wizard - $('#others-listing').on('change', function () { - // $('.directorist-setup-wizard__checkbox--custom').slideToggle(); - if ($(this).is(':checked')) { - $('.directorist-setup-wizard__checkbox--custom').slideDown(); - } else { - $('.directorist-setup-wizard__checkbox--custom').slideUp(); - } - }); - - const setupWizardTypes = document.querySelectorAll('.directorist-setup-wizard__checkbox input[type="checkbox"]'); - const setupWizardTypeCounterDesc = document.querySelector('.directorist-setup-wizard__counter .directorist-setup-wizard__counter__desc'); - const setupWizardTypeCounterNotice = document.querySelector('.directorist-setup-wizard__notice'); - const setupWizardTypeNextStepBtn = document.querySelector('.directorist-setup-wizard__next .directorist-setup-wizard__btn--next'); - const setupWizardSelectedTypeCount = document.querySelector('.directorist-setup-wizard__counter .selected_count'); - const setupWizardTypesMaxCount = document.querySelector('.directorist-setup-wizard__counter .max_count'); - const setupWizardTypesMaxAllowed = 5; - - const handleSetupWizardTypeChange = () => { - const setupWizardCheckedTypeCount = Array.from(setupWizardTypes).filter(checkbox => checkbox.checked).length; - - setupWizardSelectedTypeCount.textContent = setupWizardCheckedTypeCount; - setupWizardTypesMaxCount.textContent = setupWizardTypesMaxAllowed; - - if (setupWizardCheckedTypeCount < 1) { - setupWizardTypeCounterNotice.style.display = 'block'; - setupWizardTypeNextStepBtn.disabled = true; - } else { - setupWizardTypeCounterNotice.style.display = 'none'; - setupWizardTypeNextStepBtn.disabled = false; - } - - if (setupWizardCheckedTypeCount >= setupWizardTypesMaxAllowed) { - setupWizardTypeCounterDesc.style.display = 'block'; - setupWizardTypes.forEach(checkbox => { - if (!checkbox.checked) { - checkbox.disabled = true; - } - }); - } else { - setupWizardTypeCounterDesc.style.display = 'none'; - setupWizardTypes.forEach(checkbox => { - checkbox.disabled = false; - }); - } - }; - - setupWizardTypes.forEach(type => { - type.addEventListener('change', handleSetupWizardTypeChange); - }); - -}); \ No newline at end of file diff --git a/assets/src/js/admin/vue/apps/cpt-manager/CPT_Manager.vue b/assets/src/js/admin/vue/apps/cpt-manager/CPT_Manager.vue deleted file mode 100644 index da4e20ec40..0000000000 --- a/assets/src/js/admin/vue/apps/cpt-manager/CPT_Manager.vue +++ /dev/null @@ -1,383 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/apps/cpt-manager/ConfirmLeaveModal.vue b/assets/src/js/admin/vue/apps/cpt-manager/ConfirmLeaveModal.vue deleted file mode 100644 index 5c6a30dde3..0000000000 --- a/assets/src/js/admin/vue/apps/cpt-manager/ConfirmLeaveModal.vue +++ /dev/null @@ -1,48 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/apps/cpt-manager/Header_Navigation.vue b/assets/src/js/admin/vue/apps/cpt-manager/Header_Navigation.vue deleted file mode 100644 index 89ba4f98d1..0000000000 --- a/assets/src/js/admin/vue/apps/cpt-manager/Header_Navigation.vue +++ /dev/null @@ -1,68 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/apps/cpt-manager/TabContents.vue b/assets/src/js/admin/vue/apps/cpt-manager/TabContents.vue deleted file mode 100644 index 86730d8437..0000000000 --- a/assets/src/js/admin/vue/apps/cpt-manager/TabContents.vue +++ /dev/null @@ -1,54 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/apps/settings-manager/Settings_Manager.vue b/assets/src/js/admin/vue/apps/settings-manager/Settings_Manager.vue deleted file mode 100644 index 84b5f4176a..0000000000 --- a/assets/src/js/admin/vue/apps/settings-manager/Settings_Manager.vue +++ /dev/null @@ -1,422 +0,0 @@ - - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/apps/settings-manager/TabContents.vue b/assets/src/js/admin/vue/apps/settings-manager/TabContents.vue deleted file mode 100644 index cf9f00e4d0..0000000000 --- a/assets/src/js/admin/vue/apps/settings-manager/TabContents.vue +++ /dev/null @@ -1,61 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/global-component.js b/assets/src/js/admin/vue/global-component.js deleted file mode 100644 index c4c65287a1..0000000000 --- a/assets/src/js/admin/vue/global-component.js +++ /dev/null @@ -1,67 +0,0 @@ -import Vue from 'vue'; - -import upperFirst from 'lodash/upperFirst'; -import camelCase from 'lodash/camelCase'; - -Vue.directive('click-outside', { - priority: 700, - - bind () { - let self = this; - this.event = function (event) { - console.log('emitting event') - - self.vm.$emit( self.expression, event) - } - - this.el.addEventListener('click', this.stopProp); - document.body.addEventListener('click',this.event); - }, - - unbind() { - console.log('unbind'); 'sho' - - this.el.removeEventListener('click', this.stopProp); - document.body.removeEventListener('click',this.event); - }, - - stopProp( event ) { - event.stopPropagation() - } -}); - -const requireComponent = require.context( - // The relative path of the components folder - './modules', - // Whether or not to look in subfolders - true, - // The regular expression used to match base component filenames - /\w+\.(vue|js)$/ -) - -requireComponent.keys().forEach(fileName => { - // Get component config - const componentConfig = requireComponent(fileName) - - // Get PascalCase name of component - const componentName = upperFirst( - camelCase( - // Gets the file name regardless of folder depth - fileName - .split('/') - .pop() - .replace(/\.\w+$/, '') - ) - ); - - // console.log( componentName ); - - // Register component globally - Vue.component( - componentName, - // Look for the component options on `.default`, which will - // exist if the component was exported with `export default`, - // otherwise fall back to module's root. - componentConfig.default || componentConfig - ); -}) \ No newline at end of file diff --git a/assets/src/js/admin/vue/helpers/vue-dndrop.js b/assets/src/js/admin/vue/helpers/vue-dndrop.js deleted file mode 100644 index 86d42eb366..0000000000 --- a/assets/src/js/admin/vue/helpers/vue-dndrop.js +++ /dev/null @@ -1,20 +0,0 @@ -export function applyDrag(arr, dragResult) { - - console.log( '1', { arr, dragResult } ); - - const { removedIndex, addedIndex, payload } = dragResult; - if (removedIndex === null && addedIndex === null) return arr; - - const result = [...arr]; - let itemToAdd = payload; - - if (removedIndex !== null) { - itemToAdd = result.splice(removedIndex, 1)[0]; - } - - if (addedIndex !== null) { - result.splice(addedIndex, 0, itemToAdd); - } - - return result; -}; \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/ajax-action-field.js b/assets/src/js/admin/vue/mixins/form-fields/ajax-action-field.js deleted file mode 100644 index 84c3a0f104..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/ajax-action-field.js +++ /dev/null @@ -1,136 +0,0 @@ -import Vue from 'vue'; -import validator from '../validator'; -import helpers from '../helpers'; -import props from './input-field-props.js'; -import { mapState } from 'vuex'; -const axios = require('axios').default; - -export default { - mixins: [ props, validator, helpers ], - model: { - prop: 'value', - event: 'input' - }, - - created() { - this.setup(); - }, - - computed: { - ...mapState({ - config: 'config' - }), - }, - - data() { - return { - validation_message: null, - option_fields: null, - local_value: {}, - button: { - label: '', - is_processing: false, - is_disabled: false, - } - } - }, - - methods: { - setup() { - this.button.label = this.buttonLabel; - - if ( this.optionFields ) { - this.option_fields = this.optionFields; - } - - if ( this.saveOptionData ) { - this.loadOldData(); - } - }, - - loadOldData() { - if ( ! ( this.value && this.option_fields ) ) { return; } - - for ( let field_key in this.value ) { - if ( typeof this.option_fields[ field_key ] === 'undefined') { - continue; - } - this.option_fields[ field_key ].value = this.value[ field_key ]; - } - }, - - updateOptionData( value ) { - this.local_value = value; - - if ( this.saveOptionData ) { - this.$emit( 'update', this.local_value ); - } - }, - - submitAjaxRequest() { - if ( this.button.is_processing ) { return; } - - // console.log( 'submitAjaxRequest' ); - - let ajax_url = ( this.config && this.config.submission && this.config.submission.url ) ? this.config.submission.url : ''; - let action = this.action; - - if ( ! ajax_url ) { return; } - - let form_data = new FormData(); - form_data.append( 'action', action ); - - // Append if has option field - if ( this.local_value && typeof this.local_value === 'object' && Object.keys( this.local_value ) ) { - for ( let field_key in this.local_value ) { - form_data.append( field_key, this.local_value[ field_key ] ); - } - } - - const self = this; - this.button.is_processing = true; - this.button.is_disabled = true; - this.button.label = this.buttonLabelOnProcessing; - - // Submit the form - axios.post( ajax_url, form_data ) - .then( response => { - console.log( response ); - - let message = ( response.data.data ) ? response.data.data : null; - message = ( response.data.message ) ? response.data.message : message; - - if ( response.data.success && message ) { - message = { type: 'success', message: message }; - } else { - let msg = ( message ) ? message : 'Sorry, something went wrong'; - message = { type: 'error', message: msg }; - } - - self.validation_message = message; - - setTimeout( function() { - self.validation_message = null; - }, 5000); - - self.button.is_processing = false; - self.button.is_disabled = false; - self.button.label = self.buttonLabel; - }) - .catch( error => { - console.log( error ); - - let message = { type: 'error', message: 'Sorry, something went wrong' }; - self.validation_message = message; - - setTimeout( function() { - self.validation_message = null; - }, 5000); - - self.button.is_processing = false; - self.button.is_disabled = false; - self.button.label = self.buttonLabel; - }) - } - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/button-example-field.js b/assets/src/js/admin/vue/mixins/form-fields/button-example-field.js deleted file mode 100644 index e284976742..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/button-example-field.js +++ /dev/null @@ -1,6 +0,0 @@ -import props from './input-field-props.js'; - -export default { - name: 'button-example-field', - mixins: [ props ], -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/button-field.js b/assets/src/js/admin/vue/mixins/form-fields/button-field.js deleted file mode 100644 index a9420e6eb5..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/button-field.js +++ /dev/null @@ -1,15 +0,0 @@ -import props from './input-field-props.js'; - -export default { - mixins: [ props ], - - data() { - return { - local_value: false - } - }, - - methods: { - - } -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/card-builder.js b/assets/src/js/admin/vue/mixins/form-fields/card-builder.js deleted file mode 100644 index 654c77cb42..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/card-builder.js +++ /dev/null @@ -1,59 +0,0 @@ -import Vue from "vue"; - -export default { - watch: { - theAvailableWidgets() { - this.syncLayoutWithWidgets(); - } - }, - - methods: { - syncLayoutWithWidgets() { - let available_widgets_keys = Object.keys( this.theAvailableWidgets ); - let active_widgets_keys = Object.keys( this.active_widgets ); - - if ( ! available_widgets_keys.length ) { return; } - if ( ! active_widgets_keys.length ) { return; } - if ( ! ( this.local_layout && typeof this.local_layout === 'object' ) ) { return; } - - // Find deprecated widgests - let deprecated_widgests = {}; - for ( let widget_key of active_widgets_keys ) { - if ( available_widgets_keys.includes( widget_key ) ) { continue; } - - deprecated_widgests[ widget_key ] = { - widget_key: this.active_widgets[ widget_key ].widget_key, - widget_name: this.active_widgets[ widget_key ].widget_name, - } - } - - const deprecated_widgests_keys = Object.keys( deprecated_widgests ); - if ( ! deprecated_widgests_keys.length ) { return; } - - console.log( this.local_layout ); - - for ( let section_key in this.local_layout ) { - const section = this.local_layout[ section_key ]; - if ( ! ( section && typeof section === 'object' ) ) { continue; } - - for ( let sub_section_key in section ) { - const sub_section = section[ sub_section_key ]; - - if ( ! ( sub_section && typeof sub_section === 'object' ) ) { continue; } - if ( ! ( sub_section.selectedWidgets && Array.isArray( sub_section.selectedWidgets ) ) ) { continue; } - if ( ! sub_section.selectedWidgets.length ) { continue; } - - for ( let widget_key of sub_section.selectedWidgets ) { - if ( ! deprecated_widgests_keys.includes( widget_key ) ) { continue; } - - let _index = sub_section.selectedWidgets.indexOf( widget_key ); - this.local_layout[ section_key ][ sub_section_key ].selectedWidgets.splice( _index, 1 ); - - Vue.delete( this.active_widgets, widget_key ); - } - } - } - - }, - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/checkbox-field.js b/assets/src/js/admin/vue/mixins/form-fields/checkbox-field.js deleted file mode 100644 index aec9c2a14e..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/checkbox-field.js +++ /dev/null @@ -1,184 +0,0 @@ -import { mapState } from 'vuex'; -import helpers from './../helpers'; -import props from './input-field-props.js'; - -export default { - mixins: [ props, helpers ], - model: { - prop: 'value', - event: 'input' - }, - - created() { - this.local_value = this.filtereValue( this.value ); - this.$emit( 'update', this.local_value ); - }, - - watch: { - local_value() { - this.$emit( 'update', this.local_value ); - }, - - hasOptionsSource() { - let has_deprecated_value = this.hasDeprecatedValue( this.local_value ); - - if ( has_deprecated_value ) { - this.local_value = this.removeDeprecatedValue( this.local_value, has_deprecated_value ); - } - } - }, - - computed: { - ...mapState({ - fields: 'fields', - }), - - theOptions() { - if ( this.hasOptionsSource ) { - return this.hasOptionsSource; - } - - if ( ! this.options || typeof this.options !== 'object' ) { - return ( this.defaultOption ) ? [ this.defaultOption ] : []; - } - - return this.options; - }, - - hasOptionsSource() { - if ( ! this.optionsSource || typeof this.optionsSource !== 'object' ) { - return false; - } - - if ( typeof this.optionsSource.where !== 'string' ) { - return false; - } - - let terget_fields = this.getTergetFields( { path: this.optionsSource.where } ); - const id_prefix = ( typeof this.optionsSource.id_prefix === 'string' ) ? this.optionsSource.id_prefix + '-' : this.name + '-'; - - if ( ! terget_fields || typeof terget_fields !== 'object' ) { - return false; - } - - let filter_by = null; - if ( typeof this.optionsSource.filter_by === 'string' && this.optionsSource.filter_by.length ) { - filter_by = this.optionsSource.filter_by; - } - - if ( filter_by ) { - filter_by = this.getTergetFields( { path: this.optionsSource.filter_by } ); - } - - let has_sourcemap = false; - - if ( this.optionsSource.source_map && typeof this.optionsSource.source_map === 'object' ) { - has_sourcemap = true; - } - - if ( ! has_sourcemap && ! filter_by ) { - return terget_fields; - } - - if ( has_sourcemap ) { - terget_fields = this.mapDataByMap( terget_fields, this.optionsSource.source_map ); - } - - if ( filter_by ) { - terget_fields = this.filterDataByValue( terget_fields, filter_by ); - } - - if ( ! terget_fields && typeof terget_fields !== 'object' ) { - return false; - } - - let i = 0; - for ( let option of terget_fields ) { - let id = ( typeof option.id !== 'undefined' ) ? option.id : ''; - - terget_fields[ i ].id = id_prefix + id; - i++; - } - - // console.log( {terget_fields} ); - - return terget_fields; - }, - - formGroupClass() { - var validation_classes = ( this.validationLog.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - } - }, - }, - - data() { - return { - local_value: [], - validationLog: {} - } - }, - - methods: { - getCheckedStatus( option ) { - // console.log( { name: this.name, local_value: this.local_value, value: this.getValue( option ) } ); - return this.local_value.includes( this.getValue( option ) ); - }, - - getValue( option ) { - return ( typeof option.value !== 'undefined' ) ? option.value : ''; - }, - - getTheOptions() { - return JSON.parse( JSON.stringify( this.theOptions ) ); - }, - - filtereValue( value ) { - if ( ! ( value && Array.isArray( value ) ) ) { return []; } - - let options_values = this.theOptions.map( option => { - if ( typeof option.value !== 'undefined' ) { return option.value; } - }); - - return value.filter( value_elm => { - return options_values.includes( value_elm ); - }); - }, - - hasDeprecatedValue( values ) { - if ( ! values && typeof values !== 'object' ) { - return []; - } - - let flatten_values = JSON.parse( JSON.stringify( values ) ); - let options_values = this.theOptions.map( option => { - if ( typeof option.value !== 'undefined' ) { return option.value; } - }); - - let deprecated_value = flatten_values.filter( value_elm => { - return ! options_values.includes( value_elm ); - }); - - if ( ! deprecated_value && typeof deprecated_value !== 'object' ) { - return false; - } - - if ( ! deprecated_value.length ) { - return false; - } - - return deprecated_value; - }, - - removeDeprecatedValue( _original_value, _deprecated_value ) { - let original_value = JSON.parse( JSON.stringify( _original_value ) ); - - return original_value.filter( value_elm => { - return ! _deprecated_value.includes( value_elm ); - }); - } - - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/color-field.js b/assets/src/js/admin/vue/mixins/form-fields/color-field.js deleted file mode 100644 index 2ed35ad2f5..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/color-field.js +++ /dev/null @@ -1,56 +0,0 @@ -import InputColorPicker from 'vue-native-color-picker'; -import props from './input-field-props.js'; - -export default { - mixins: [ props ], - components: { - "v-input-colorpicker": InputColorPicker - }, - model: { - prop: 'value', - event: 'input' - }, - - created() { - - if ( typeof this.value !== 'string' ) { - return; - } - - this.local_value = this.value; - }, - - watch: { - local_value() { - this.$emit( 'update', this.local_value ); - } - }, - - computed: { - formGroupClass() { - var validation_classes = ( this.validationLog.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - 'cptm-mb-0': ( 'hidden' === this.input_type ) ? true : false, - } - }, - - formControlClass() { - let class_names = {}; - - if ( this.input_style && this.input_style.class_names ) { - class_names[ this.input_style.class_names ] = true; - } - - return class_names; - } - }, - - data() { - return { - local_value: '#000000', - validationLog: {} - } - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/export-data-field.js b/assets/src/js/admin/vue/mixins/form-fields/export-data-field.js deleted file mode 100644 index 31637a135f..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/export-data-field.js +++ /dev/null @@ -1,178 +0,0 @@ -import props from './input-field-props.js'; -import helpers from '../helpers'; -const axios = require('axios').default; - -export default { - name: 'export-data-field', - mixins: [ props, helpers ], - - created() { - if ( this.buttonLabel && this.buttonLabel.length ) { - this.button_label = this.buttonLabel; - } - }, - - data() { - return { - button_label: 'Export', - isPreparingExportFile: false, - validation_message: null, - } - }, - - methods: { - exportData() { - if ( this.prepareExportFileFrom.length ) { - this.prepareExportFile(); - return; - } - - switch ( this.exportAs ) { - case 'csv': - this.export_CSV(); - break; - - case 'json': - this.export_JSON(); - break; - - default: - this.export_CSV(); - break; - } - }, - - prepareExportFile() { - let data = new FormData(); - data.append( 'action', this.prepareExportFileFrom ); - - if ( this.nonce && typeof this.nonce === 'object' && this.nonce.key && this.nonce.value ) { - data.append( this.nonce.key, this.nonce.value ); - } - - if ( this.isPreparingExportFile ) { - console.log( 'Please wait...' ); - return; - } - - const button_label_default = this.button_label; - this.button_label = ` ${button_label_default}`; - - this.isPreparingExportFile = true; - const self = this; - - axios.post( directorist_admin.ajax_url, data ).then( function( response ) { - console.log( {response} ); - - self.button_label = button_label_default; - self.isPreparingExportFile = false; - - if ( response?.data?.file_url ) { - self.downloadURI( self.exportFileName, response.data.file_url ); - } - - }).catch( function( error ) { - console.log( {error} ); - - self.button_label = button_label_default; - self.isPreparingExportFile = false; - }); - - }, - - downloadURI( name, uri ) { - var link = document.createElement("a"); - link.download = name; - link.href = uri; - document.body.appendChild(link); - - link.click(); - - document.body.removeChild(link); - }, - - export_CSV() { - if ( ! Array.isArray( this.data ) ) { return; } - - let dataStr = "data:text/csv;charset=utf-8,"; - - let tr_count = 0; - let delimeter = ','; - - let table = this.justifyTable( this.data ); - - for ( let tr of table ) { - if ( ! tr || typeof tr !== 'object' ) { continue; } - - // Header Row - let header_row_array = []; - if ( 0 === tr_count ) { - for ( let td in tr ) { - header_row_array.push( `"${td}"` ); - } - - let header_row = header_row_array.join( delimeter ); - dataStr += header_row + "\r\n"; - } - - // Body Row - let body_row_array = []; - for ( let td in tr ) { - let data = ( typeof tr[ td ] === 'object' ) ? '' : tr[ td ]; - body_row_array.push( `"${data}"` ); - } - - let body_row = body_row_array.join( delimeter ); - dataStr += body_row + "\r\n"; - - tr_count++; - } - - const dataUri = encodeURI( dataStr ); - const exportFileDefaultName = this.exportFileName + '.csv'; - - let linkElement = document.createElement('a'); - linkElement.setAttribute('href', dataUri); - linkElement.setAttribute('download', exportFileDefaultName); - linkElement.click(); - }, - - - export_JSON() { - let dataStr = JSON.stringify( this.data ); - let dataUri = 'data:application/json;charset=utf-8,'+ encodeURIComponent(dataStr); - - let exportFileDefaultName = this.exportFileName + '.json'; - - let linkElement = document.createElement('a'); - linkElement.setAttribute('href', dataUri); - linkElement.setAttribute('download', exportFileDefaultName); - linkElement.click(); - }, - - justifyTable( table ) { - - if ( ! Array.isArray( table ) ) { return table; } - if ( ! table.length ) { return table; } - - let tr_lengths = []; - table.forEach( ( item, index ) => { - tr_lengths.push( Object.keys( item ).length ); - }); - - let top_tr = tr_lengths.indexOf( Math.max( ...tr_lengths ) ); - const modal_tr = table[ top_tr ]; - - let justify_table = []; - table.forEach( ( item, index ) => { - let tr = {}; - for ( let key in modal_tr ) { - tr[ key ] = ( item[ key ] ) ? item[ key ] : ''; - } - justify_table.push( tr ); - }); - - return justify_table; - } - } -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/export-field.js b/assets/src/js/admin/vue/mixins/form-fields/export-field.js deleted file mode 100644 index 419741fbbd..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/export-field.js +++ /dev/null @@ -1,44 +0,0 @@ -import props from './input-field-props.js'; -import { mapGetters } from 'vuex'; -import helpers from '../../mixins/helpers'; - -export default { - name: 'export-field', - mixins: [ props, helpers ], - model: { - prop: 'value', - event: 'input' - }, - props: { - label: { - type: String, - required: false, - default: '', - }, - }, - - data() { - return { - validation_message: null - } - }, - - methods: { - ...mapGetters([ - 'getFieldsValue' - ]), - - exportJSON() { - // console.log( this.getFieldsValue() ); - let dataStr = JSON.stringify( this.getFieldsValue() ); - let dataUri = 'data:application/json;charset=utf-8,'+ encodeURIComponent(dataStr); - - let exportFileDefaultName = this.exportFileName + '.json'; - - let linkElement = document.createElement('a'); - linkElement.setAttribute('href', dataUri); - linkElement.setAttribute('download', exportFileDefaultName); - linkElement.click(); - }, - } -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/helper.js b/assets/src/js/admin/vue/mixins/form-fields/helper.js deleted file mode 100644 index da60edb185..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/helper.js +++ /dev/null @@ -1,63 +0,0 @@ -import { mapState } from 'vuex'; -import helper from './../helpers'; - -export default { - mixins: [ helper ], - - computed: { - ...mapState({ - config: 'config', - }), - - canChange() { - let is_changeable = false; - - if ( this.changeIf ) { - let change_if_condition = this.changeIf; - let change_if_cond = this.checkChangeIfCondition({ - condition: change_if_condition, - fieldKey: this.fieldKey, - }); - - is_changeable = change_if_cond.status; - } - - this.$emit( 'is-changeable', is_changeable ); - return is_changeable; - }, - - canShow() { - let is_changeable = true; - - if ( this.showIf || this.show_if ) { - let show_if_condition = ( this.showIf ) ? this.showIf : this.show_if; - let show_if_cond = this.checkShowIfCondition({ - condition: show_if_condition, - root: this.root, - }); - - is_changeable = show_if_cond.status; - } - - - this.$emit( 'is-changeable', is_changeable ); - return is_changeable; - } - }, - - methods: { - getTheTheme( field ) { - var the_theme = 'default'; - - if ( this.config && this.config.fields_theme ) { - the_theme = this.config.fields_theme; - } - - if ( this.theme && 'default' !== this.theme ) { - the_theme = this.theme; - } - - return field +'-theme-' + the_theme; - }, - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/import-field.js b/assets/src/js/admin/vue/mixins/form-fields/import-field.js deleted file mode 100644 index 07b248faae..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/import-field.js +++ /dev/null @@ -1,74 +0,0 @@ -import props from './input-field-props.js'; - -import { mapGetters } from 'vuex'; -import helpers from './../helpers'; - -export default { - name: 'import-field', - mixins: [ props, helpers ], - model: { - prop: 'value', - event: 'input' - }, - props: { - label: { - type: String, - required: false, - default: '', - }, - validation: { - type: Array, - required: false, - }, - }, - - data() { - return { - validation_message: null - } - }, - - methods: { - ...mapGetters([ - 'getFieldsValue' - ]), - - importJSON( event ) { - var reader = new FileReader(); - reader.onload = this.onReaderLoad; - reader.readAsText( event.target.files[0] ); - }, - - onReaderLoad( event ) { - var json_data = JSON.parse( event.target.result ); - - const self = this; - - if ( ! ( json_data && typeof json_data === 'object' ) ) { - console.log( 'Invalid JSON' ); - this.validation_message = { type: 'error', message: 'Invalid JSON' }; - - setTimeout(() => { - self.validation_message = null; - }, 5000); - - return; - } - - let fields = {}; - for ( let field in json_data ) { - fields[ field ] = this.maybeJSON( json_data[ field ] ); - } - - // console.log( 'The JSON file has been loaded successfully' ); - // this.validation_message = { type: 'success', message: 'The JSON file has been loaded successfully' }; - - // setTimeout(() => { - // self.validation_message = null; - // }, 5000); - - this.$store.commit( 'importFields', fields ); - this.$emit( 'do-action', { action: 'updateData', component: 'root' } ); - }, - } -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/input-field-props.js b/assets/src/js/admin/vue/mixins/form-fields/input-field-props.js deleted file mode 100644 index ae994db096..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/input-field-props.js +++ /dev/null @@ -1,229 +0,0 @@ -export default { - props: { - sectionId: { - type: [String, Number], - default: '', - }, - fieldId: { - type: [String, Number], - default: '', - }, - fieldKey: { - type: [String, Number], - default: '', - }, - root: { - required: false, - }, - mapAtts: { - required: false, - }, - filters: { - required: false, - }, - data: { - required: false, - }, - exportAs: { - required: false, - }, - theme: { - type: String, - default: 'default', - }, - confirmBeforeChange: { - required: false, - }, - confirmationModal: { - required: false, - }, - optionFields: { - required: false, - }, - cachedData: { - required: false, - }, - dataOnChange: { - required: false, - }, - saveOptionData: { - default: false, - }, - changeIf: { - required: false, - }, - showIf: { - required: false, - }, - show_if: { - required: false, - }, - type: { - type: String, - default: '', - }, - icon: { - type: String, - default: '', - }, - label: { - type: [String, Number], - default: '', - }, - labelType: { - type: [String], - default: 'span', - }, - disable: { - type: Boolean, - default: false, - }, - shortcodes: { - type: [Array, String], - default: '', - }, - buttonLabel: { - type: String, - default: '', - }, - buttonClass: { - type: String, - default: '', - }, - copyButtonLabel: { - type: String, - default: '', - }, - exportFileName: { - type: String, - default: 'data', - }, - restorData: { - required: false, - }, - buttonLabelOnProcessing: { - type: String, - default: '', - }, - action: { - type: String, - default: '', - }, - url: { - type: String, - default: '', - }, - openInNewTab: { - type: Boolean, - default: true, - }, - title: { - type: [ String ], - default: '', - }, - description: { - type: [ String ], - default: '', - }, - id: { - type: [String, Number], - default: '', - }, - name: { - type: [String, Number], - default: '', - }, - multi_directory_status: { - type: String, - default: '', - }, - schema: { - type: String, - default: '', - }, - value: { - default: '', - }, - options: { - required: false, - }, - optionsSource: { - required: false, - }, - showDefaultOption: { - type: Boolean, - default: false, - }, - defaultOption: { - type: Object, - required: false, - }, - placeholder: { - type: [String, Number], - default: '', - }, - infoTextForNoOption: { - type: String, - default: 'Nothing available', - }, - cols: { - type: [String, Number], - default: '30', - }, - rows: { - type: [String, Number], - default: '10', - }, - min: { - type: [String, Number], - default: undefined, - }, - max: { - type: [String, Number], - default: undefined, - }, - step: { - type: [String, Number], - default: undefined, - }, - componets: { - required: false, - }, - defaultImg: { - required: false, - }, - selectButtonLabel: { - type: String, - default: 'Select', - }, - changeButtonLabel: { - type: String, - default: 'Change', - }, - prepareExportFileFrom: { - type: String, - default: '', - }, - rules: { - required: false, - }, - validationState: { - required: false, - }, - validation: { - required: false, - }, - nonce: { - required: false, - }, - preview: { - required: false, - }, - editor: { - required: false, - }, - editorID: { - required: false, - } - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/note-field.js b/assets/src/js/admin/vue/mixins/form-fields/note-field.js deleted file mode 100644 index f26c6bd684..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/note-field.js +++ /dev/null @@ -1,23 +0,0 @@ -import validator from '../validation'; -import props from './input-field-props.js'; - -export default { - mixins: [ props, validator ], - created() { - - }, - - computed: { - - }, - - data() { - return { - - } - }, - - methods: { - - } -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/radio-field.js b/assets/src/js/admin/vue/mixins/form-fields/radio-field.js deleted file mode 100644 index fc1f45d488..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/radio-field.js +++ /dev/null @@ -1,191 +0,0 @@ -import { mapState } from 'vuex'; -import helpers from './../helpers'; -import props from './input-field-props.js'; - -export default { - mixins: [ props, helpers ], - model: { - prop: 'value', - event: 'input' - }, - - created() { - if ( typeof this.value === 'string' || typeof this.value === 'number' ) { - this.local_value = this.value; - } - - this.$emit( 'update', this.local_value ); - }, - - watch: { - local_value() { - this.$emit( 'update', this.local_value ); - }, - - hasOptionsSource() { - let has_deprecated_value = this.hasDeprecatedValue( this.local_value ); - - if ( has_deprecated_value ) { - this.local_value = this.removeDeprecatedValue( this.local_value, has_deprecated_value ); - } - } - }, - - computed: { - ...mapState({ - fields: 'fields', - }), - - theOptions() { - if ( this.hasOptionsSource ) { - return this.hasOptionsSource; - } - - if ( ! this.options || typeof this.options !== 'object' ) { - return ( this.defaultOption ) ? [ this.defaultOption ] : []; - } - - return this.options; - }, - - hasOptionsSource() { - - if ( ! this.optionsSource || typeof this.optionsSource !== 'object' ) { - return false; - } - - if ( typeof this.optionsSource.where !== 'string' ) { - return false; - } - - let terget_fields = this.getTergetFields( this.optionsSource.where ); - const id_prefix = ( typeof this.optionsSource.id_prefix === 'string' ) ? this.optionsSource.id_prefix + '-' : this.name + '-'; - - if ( ! terget_fields || typeof terget_fields !== 'object' ) { - return false; - } - - let filter_by = null; - if ( typeof this.optionsSource.filter_by === 'string' && this.optionsSource.filter_by.length ) { - filter_by = this.optionsSource.filter_by; - } - - if ( filter_by ) { - filter_by = this.getTergetFields( this.optionsSource.filter_by ); - } - - let has_sourcemap = false; - - if ( this.optionsSource.source_map && typeof this.optionsSource.source_map === 'object' ) { - has_sourcemap = true; - } - - if ( ! has_sourcemap && ! filter_by ) { - return terget_fields; - } - - if ( has_sourcemap ) { - terget_fields = this.mapDataByMap( terget_fields, this.optionsSource.source_map ); - } - - if ( filter_by ) { - terget_fields = this.filterDataByValue( terget_fields, filter_by ); - } - - if ( ! terget_fields && typeof terget_fields !== 'object' ) { - return false; - } - - let i = 0; - for ( let option of terget_fields ) { - let id = ( typeof option.id !== 'undefined' ) ? option.id : ''; - - terget_fields[ i ].id = id_prefix + id; - i++; - } - - return terget_fields; - }, - - formGroupClass() { - var validation_classes = ( this.validationLog.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - } - }, - }, - - data() { - return { - local_value: '', - validationLog: {} - } - }, - - methods: { - getCheckedStatus( option ) { - // console.log( { name: this.name, local_value: this.local_value, value: this.getValue( option ) } ); - return this.local_value.includes( this.getValue( option ) ); - }, - - getValue( option ) { - return ( typeof option.value !== 'undefined' ) ? option.value : ''; - }, - - getTheOptions() { - return JSON.parse( JSON.stringify( this.theOptions ) ); - }, - - filtereValue( value ) { - if ( ! value && typeof value !== 'object' ) { - return []; - } - - console.log( value ); - - return []; - - let options_values = this.theOptions.map( option => { - if ( typeof option.value !== 'undefined' ) { return option.value; } - }); - return value.filter( value_elm => { - return options_values.includes( value_elm ); - }); - }, - - hasDeprecatedValue( values ) { - if ( ! values && typeof values !== 'object' ) { - return []; - } - - let flatten_values = JSON.parse( JSON.stringify( values ) ); - let options_values = this.theOptions.map( option => { - if ( typeof option.value !== 'undefined' ) { return option.value; } - }); - - let deprecated_value = flatten_values.filter( value_elm => { - return ! options_values.includes( value_elm ); - }); - - if ( ! deprecated_value && typeof deprecated_value !== 'object' ) { - return false; - } - - if ( ! deprecated_value.length ) { - return false; - } - - return deprecated_value; - }, - - removeDeprecatedValue( _original_value, _deprecated_value ) { - let original_value = JSON.parse( JSON.stringify( _original_value ) ); - - return original_value.filter( value_elm => { - return ! _deprecated_value.includes( value_elm ); - }); - } - - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/range-field.js b/assets/src/js/admin/vue/mixins/form-fields/range-field.js deleted file mode 100644 index d778bac364..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/range-field.js +++ /dev/null @@ -1,69 +0,0 @@ -import props from './input-field-props.js'; - -export default { - mixins: [ props ], - model: { - prop: 'value', - event: 'input' - }, - - created() { - this.range_value = this.value; - }, - - watch: { - range_value() { - this.$emit('update', this.range_value); - } - }, - - computed: { - theMin() { - return ( ! isNaN( this.min ) ) ? Number( this.min ) : 0; - }, - - theMax() { - return ( ! isNaN( this.max ) ) ? Number( this.max ) : 100; - }, - - theStep() { - return ( ! isNaN( this.step ) ) ? Number( this.step ) : 1; - }, - - rangeFillStyle() { - let dif = this.theMin; - let min = 0; - let max = this.theMax - dif; - let current_position = this.value - dif; - - let total = max - min; - let p = current_position * 100 / total; - - return { - width: p + '%' - } - }, - - formGroupClass() { - var validation_classes = ( this.validationLog.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - 'cptm-mb-0': ( 'hidden' === this.input_type ) ? true : false, - } - }, - }, - - data() { - return { - range_value: 0, - validationLog: {} - } - }, - - methods: { - isNumeric( data ) { - if ( ! isNaN( number ) ) { return false; } - } - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/restore-field.js b/assets/src/js/admin/vue/mixins/form-fields/restore-field.js deleted file mode 100644 index 61a42d9554..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/restore-field.js +++ /dev/null @@ -1,59 +0,0 @@ -import props from './input-field-props.js'; - -import { mapGetters } from 'vuex'; -import helpers from '../helpers'; - -export default { - name: 'restore-field', - mixins: [ props, helpers ], - model: { - prop: 'value', - event: 'input' - }, - props: { - label: { - type: String, - required: false, - default: '', - }, - }, - - data() { - return { - validation_message: null - } - }, - - methods: { - ...mapGetters([ - 'getFieldsValue' - ]), - - restore() { - const self = this; - - if ( ! ( this.restorData && typeof this.restorData === 'object' ) ) { - console.log( 'Invalid Data' ); - this.validation_message = { type: 'error', message: 'Invalid Data' }; - - setTimeout(() => { - self.validation_message = null; - }, 5000); - - return; - } - - let fields = {}; - for ( let field in this.restorData ) { - fields[ field ] = this.maybeJSON( this.restorData[ field ] ); - } - - this.$store.commit( 'importFields', fields ); - this.$emit( 'do-action', { action: 'updateData', component: 'root' } ); - - setTimeout(() => { - self.validation_message = null; - }, 5000); - }, - } -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/select-field.js b/assets/src/js/admin/vue/mixins/form-fields/select-field.js deleted file mode 100644 index e0d556324c..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/select-field.js +++ /dev/null @@ -1,203 +0,0 @@ -import { mapState } from 'vuex'; -import helpers from './../helpers'; -import props from './input-field-props.js'; - -export default { - mixins: [ props, helpers ], - model: { - prop: 'value', - event: 'update' - }, - - created() { - this.setup(); - }, - - watch: { - local_value() { - this.$emit( 'update', this.local_value ); - }, - - theOptions() { - if ( ! this.valueIsValid( this.local_value ) ) { - this.local_value = ''; - } - }, - }, - - computed: { - ...mapState({ - fields: 'fields', - }), - - theDefaultOption() { - if ( this.defaultOption && typeof this.defaultOption === 'object' ) { - return this.defaultOption; - } - - return { value: '', label: 'Select...' }; - }, - - theCurrentOptionLabel() { - if ( ! this.optionsInObject ) { return ''; } - if ( typeof this.optionsInObject[ this.value ] === 'undefined' ) { - return ( this.theDefaultOption.value == this.local_value && this.theDefaultOption.label ) ? this.theDefaultOption.label : ''; - } - - return this.optionsInObject[ this.value ]; - }, - - theOptions() { - if ( this.hasOptionsSource ) { - return this.hasOptionsSource; - } - - if ( ! this.options || typeof this.options !== 'object' ) { - return ( this.defaultOption ) ? [ this.defaultOption ] : []; - } - - return this.options; - }, - - hasOptionsSource() { - if ( ! this.optionsSource || typeof this.optionsSource !== 'object' ) { - return false; - } - - if ( typeof this.optionsSource.where !== 'string' ) { - return false; - } - - let terget_fields = this.getTergetFields( { path: this.optionsSource.where } ); - - if ( ! terget_fields || typeof terget_fields !== 'object' ) { - return false; - } - - let filter_by = null; - if ( typeof this.optionsSource.filter_by === 'string' && this.optionsSource.filter_by.length ) { - filter_by = this.optionsSource.filter_by; - } - - if ( filter_by ) { - filter_by = this.getTergetFields( { path: this.optionsSource.filter_by } ); - } - - let has_sourcemap = false; - - if ( this.optionsSource.source_map && typeof this.optionsSource.source_map === 'object' ) { - has_sourcemap = true; - } - - if ( ! has_sourcemap && ! filter_by ) { - return terget_fields; - } - - if ( has_sourcemap ) { - terget_fields = this.mapDataByMap( terget_fields, this.optionsSource.source_map ); - } - - if ( filter_by ) { - terget_fields = this.filterDataByValue( terget_fields, filter_by ); - } - - if ( ! terget_fields && typeof terget_fields !== 'object' ) { - return false; - } - - return terget_fields; - }, - - formGroupClass() { - var validation_classes = ( this.validationLog.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - } - }, - }, - - data() { - return { - local_value: '', - local_value_ms: [], - optionsInObject: {}, - show_option_modal: false, - clickEvent: null, - validationLog: {} - } - }, - - methods: { - setup() { - if ( this.defaultOption || typeof this.defaultOption === 'object' ) { - this.default_option = this.defaultOption; - } - - this.optionsInObject = this.convertOptionsToObject(); - - if ( false != this.value && this.valueIsValid( this.value ) ) { - this.local_value = this.value; - } else { - this.local_value = ''; - } - - const self = this; - document.addEventListener( 'click', function() { - self.show_option_modal = false; - }); - - }, - - update_value( value ) { - this.local_value = ( ! isNaN( Number( value ) ) ) ? Number( value ) : value; - }, - - updateOption( value ) { - this.update_value( value ); - this.show_option_modal = false; - }, - - toggleTheOptionModal() { - let self = this; - - if ( this.show_option_modal ) { - this.show_option_modal = false; - } else { - this.show_option_modal = true; - - setTimeout( function() { - self.show_option_modal = true; - }, 0); - } - }, - - valueIsValid( value ) { - let options_values = this.theOptions.map( option => { - if ( typeof option.value !== 'undefined' ) { - return ( ! isNaN( Number( option.value ) ) ) ? Number( option.value ) : option.value - } - }); - - return options_values.includes( value ); - }, - - convertOptionsToObject() { - if ( ! ( this.theOptions && Array.isArray( this.theOptions ) ) ) { return null; } - - let option_object = {}; - for ( let option in this.theOptions ) { - if ( typeof this.theOptions[ option ].value === 'undefined' ) { continue; } - - let label = ( this.theOptions[ option ].label ) ? this.theOptions[ option ].label : ''; - option_object[ this.theOptions[ option ].value ] = label; - } - - return option_object; - } - - /* syncValidationWithLocalState( validation_log ) { - return validation_log; - } */ - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/shortcode-field.js b/assets/src/js/admin/vue/mixins/form-fields/shortcode-field.js deleted file mode 100644 index 7aa832b78f..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/shortcode-field.js +++ /dev/null @@ -1,160 +0,0 @@ -import props from './input-field-props.js'; -import helpers from './../helpers'; - -export default { - mixins: [ props, helpers ], - model: { - prop: 'value', - event: 'update' - }, - - computed: { - shortcode() { - let shortcode = this.applyFilters( this.value, this.filters ); - - return shortcode; - }, - - formGroupClass() { - var validation_classes = ( this.validationLog?.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - 'cptm-mb-0': ( 'hidden' === this.input_type ) ? true : false, - } - }, - - formControlClass() { - let class_names = {}; - - if ( this.input_style && this.input_style.class_names ) { - class_names[ this.input_style.class_names ] = true; - } - - return class_names; - } - }, - - data() { - return { - successMsg: '', - generateShortcode: false, - } - }, - - methods: { - applyFilters( value, filters ) { - if ( ! filters ) return value; - - let filterd_value = value; - - for ( let filter of filters ) { - if ( typeof this[ filter.type ] !== 'function' ) continue; - filterd_value = this[ filter.type ]( filterd_value, filter ); - } - - return filterd_value; - }, - - replace( value, args ) { - if ( ! args.find && ! args.find_regex ) return value; - if ( ! args.replace && ! args.replace_from ) return value; - - let replace_text = ''; - let pattern_find = ''; - - if ( args.find ) { - pattern_find = args.find; - } - - if ( args.find_regex ) { - pattern_find = new RegExp( args.find_regex, "g" ); - } - - if ( args.replace && typeof args.replace === 'string' ) { - replace_text = args.replace; - } - - if ( args.replace_from && typeof args.replace_from === 'string' ) { - replace_text = this.getTergetFields( { root: this.root, path: args.replace_from } ); - } - - if ( args.look_for ) { - let pattern_look_for = new RegExp( args.look_for, 'g' ); - let subject = pattern_look_for.exec( value ); - - if ( ! subject ) return value; - - if ( Array.isArray( subject ) ) { - subject = subject[0]; - } - - subject = subject.replace( pattern_find, replace_text ); - - value = value.replace( pattern_look_for, subject ); - } else { - value = value.replace( pattern_find, replace_text ); - }; - - return value; - }, - - lowercase( value, args ) { - if ( ! args.find && ! args.find_regex ) return value; - - let pattern_find = ''; - - if ( args.find ) { - pattern_find = args.find; - } - - if ( args.find_regex ) { - pattern_find = new RegExp( args.find_regex, "g" ); - } - - let subject = pattern_find.exec( value ); - - if ( ! subject ) return value; - - if ( Array.isArray( subject ) ) { - subject = subject[0]; - } - - subject = subject.toLowerCase(); - value = value.replace( pattern_find, subject ); - - return value; - }, - - copyToClip() { - if (document.selection) { - document.getSelection().removeAllRanges(); - var range = document.body.createTextRange(); - range.moveToElementText( this.$refs.shortcode ); - range.select().createTextRange(); - document.execCommand("copy"); - - this.successMsg = 'Copied to clipboard'; - setTimeout( this.clearSuccessMessage, 2000 ); - - } else if (window.getSelection) { - var range = document.createRange(); - range.selectNode( this.$refs.shortcode ); - window.getSelection().removeAllRanges(); - window.getSelection().addRange(range); - document.execCommand("copy"); - - this.successMsg = 'Copied to clipboard'; - setTimeout( this.clearSuccessMessage, 2000 ); - } - }, - - clearSuccessMessage() { - this.successMsg = ''; - }, - - generate(){ - this.generateShortcode = true; - } - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/shortcode-list-field.js b/assets/src/js/admin/vue/mixins/form-fields/shortcode-list-field.js deleted file mode 100644 index cd3935f37e..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/shortcode-list-field.js +++ /dev/null @@ -1,328 +0,0 @@ -import props from './input-field-props.js'; -import helpers from './../helpers'; - -export default { - mixins: [ props, helpers ], - computed: { - formGroupClass() { - var validation_classes = ( this.validationLog?.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - 'cptm-mb-0': ( 'hidden' === this.input_type ) ? true : false, - } - }, - - formControlClass() { - let class_names = {}; - - if ( this.input_style && this.input_style.class_names ) { - class_names[ this.input_style.class_names ] = true; - } - - return class_names; - }, - - generateButtonLabel() { - if ( this.buttonLabel && this.buttonLabel.length ) { - return this.buttonLabel; - } - - return ''; - }, - }, - - data() { - return { - shortcodes_list: [], - successMsg: '', - dirty: false, - } - }, - - methods: { - generateShortcode() { - this.shortcodes_list = []; - - if ( typeof this.shortcodes === 'string' ) { - this.dirty = true; - this.shortcodes_list.push( this.shortcodes ); - return; - } - - if ( Array.isArray( this.shortcodes ) ) { - for ( let shortcode_item of this.shortcodes ) { - if ( typeof shortcode_item === 'string' ) { - this.shortcodes_list.push( shortcode_item ); - continue; - } - - if ( typeof shortcode_item === 'object' ) { - if ( ! shortcode_item.shortcode ) { continue; } - let _shortcode = shortcode_item.shortcode; - - if ( shortcode_item.mapAtts ) { - _shortcode = this.applyAttsMapping( shortcode_item ); - } - - if ( typeof _shortcode === 'string' ) { - this.shortcodes_list.push( _shortcode ); - continue; - } - - if ( Array.isArray( _shortcode ) ) { - this.shortcodes_list = this.shortcodes_list.concat( _shortcode ); - } - } - } - } - - this.dirty = true; - }, - - applyAttsMapping( shortcode_args ) { - if ( ! shortcode_args.shortcode ) { - return ''; - } - - if ( ! shortcode_args.mapAtts ) { - return shortcode_args.shortcode; - } - - var mapped_shortcode = shortcode_args.shortcode; - - for ( let map of shortcode_args.mapAtts ) { - if ( map.map ) { - mapped_shortcode = this.applyMap( map, mapped_shortcode ); - continue - } - - if ( map.mapAll ) { - mapped_shortcode = this.applyMapAll( map, mapped_shortcode ); - } - } - - return mapped_shortcode; - }, - - applyMap( args, value ) { - var shortcode = value; - const source = this.getTergetFields( { root: this.root, path: args.map } ); - - if ( ! source ) { return value; } - - if ( args.where && ! Array.isArray( args.where ) ) { - let _shortcode = shortcode; - let key = source[ args.where.key ]; - - if ( args.where.applyFilter ) { - key = this.applyFilters( key, args.where.applyFilter ); - } - - if ( args.where.mapTo ) { - _shortcode = _shortcode.replace( args.where.mapTo, key ); - } - - shortcode = _shortcode; - - return shortcode; - } - - if ( args.where && Array.isArray( args.where ) ) { - var _shortcode = shortcode; - - for ( let cond of args.where ) { - let key = source[ cond.key ]; - - if ( typeof key !== 'string' ) { continue; } - - if ( cond.applyFilter ) { - key = this.applyFilters( key, cond.applyFilter ); - } - - if ( cond.mapTo ) { - _shortcode = _shortcode.replace( cond.mapTo, key ); - } - } - - shortcode = _shortcode; - return shortcode; - } - }, - - applyMapAll( args, value ) { - let shortcodes = []; - const source = this.getTergetFields( { root: this.root, path: args.mapAll } ); - - if ( ! source ) { return value; } - if ( Array.isArray( ! source ) ) { return value; } - - for ( let group of source ) { - if ( args.where && ! Array.isArray( args.where ) ) { - let _shortcode = value; - let key = group[ args.where.key ]; - - if ( args.where.applyFilter ) { - key = this.applyFilters( key, args.where.applyFilter ); - } - - if ( args.where.mapTo ) { - _shortcode = _shortcode.replace( args.where.mapTo, key ); - } - - shortcodes.push( _shortcode ); - continue; - } - - if ( args.where && Array.isArray( args.where ) ) { - - var _shortcode = value; - - for ( let cond of args.where ) { - let key = group[ cond.key ]; - - if ( cond.applyFilter ) { - key = this.applyFilters( key, cond.applyFilter ); - } - - if ( cond.mapTo ) { - _shortcode = _shortcode.replace( cond.mapTo, key ); - } - } - - shortcodes.push( _shortcode ); - continue; - } - - } - - return shortcodes; - }, - - applyFilters( value, filters ) { - if ( ! filters ) return value; - - let filterd_value = value; - - for ( let filter of filters ) { - if ( typeof this[ filter.type ] !== 'function' ) continue; - filterd_value = this[ filter.type ]( filterd_value, filter ); - } - - return filterd_value; - }, - - replace( value, args ) { - if ( ! args.find && ! args.find_regex ) return value; - if ( ! args.replace && ! args.replace_from ) return value; - - let replace_text = ''; - let pattern_find = ''; - - if ( args.find ) { - pattern_find = args.find; - } - - if ( args.find_regex ) { - pattern_find = new RegExp( args.find_regex, "g" ); - } - - if ( args.replace && typeof args.replace === 'string' ) { - replace_text = args.replace; - } - - if ( args.replace_from && typeof args.replace_from === 'string' ) { - replace_text = this.getTergetFields( { root: this.root, path: args.replace_from } ); - } - - if ( args.look_for ) { - let pattern_look_for = new RegExp( args.look_for, 'g' ); - let subject = pattern_look_for.exec( value ); - - if ( ! subject ) return value; - - if ( Array.isArray( subject ) ) { - subject = subject[0]; - } - - subject = subject.replace( pattern_find, replace_text ); - value = value.replace( pattern_look_for, subject ); - } else { - value = value.replace( pattern_find, replace_text ); - }; - - return value; - }, - - lowercase( value, args ) { - if ( ! args.find && ! args.find_regex ) { - return value.toLowerCase(); - } - - let pattern_find = ''; - - if ( args.find ) { - pattern_find = args.find; - } - - if ( args.find_regex ) { - pattern_find = new RegExp( args.find_regex, "g" ); - } - - if ( ! pattern_find ) { - return value.toLowerCase(); - } - - let subject = pattern_find.exec( value ); - - if ( ! subject ) return value; - - if ( Array.isArray( subject ) ) { - subject = subject[0]; - } - - subject = subject.toLowerCase(); - value = value.replace( pattern_find, subject ); - - return value; - }, - - copyToClip( ref, index ) { - let ref_elm = ( ref ) ? this.$refs[ref] : null; - ref_elm = ( typeof index === 'number' ) ? this.$refs[ref][index]: ref_elm; - - if ( ! ref_elm ) { - return; - } - - if (document.selection) { - document.getSelection().removeAllRanges(); - var range = document.body.createTextRange(); - range.moveToElementText( ref_elm ); - range.select().createTextRange(); - document.execCommand("copy"); - - this.successMsg = 'Copied'; - setTimeout( this.clearSuccessMessage, 2000 ); - - } else if (window.getSelection) { - var range = document.createRange(); - range.selectNode( ref_elm ); - window.getSelection().removeAllRanges(); - window.getSelection().addRange(range); - document.execCommand("copy"); - - this.successMsg = 'Copied'; - setTimeout( this.clearSuccessMessage, 2000 ); - } - }, - - clearSuccessMessage() { - this.successMsg = ''; - }, - - generate(){ - this.hasShortcode = true; - } - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/tab-field.js b/assets/src/js/admin/vue/mixins/form-fields/tab-field.js deleted file mode 100644 index 09d164ac91..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/tab-field.js +++ /dev/null @@ -1,181 +0,0 @@ -import { mapState } from 'vuex'; -import helpers from '../helpers.js'; -import props from './input-field-props.js'; - -export default { - mixins: [ props, helpers ], - model: { - prop: 'value', - event: 'input' - }, - - created() { - if ( typeof this.value === 'string' || typeof this.value === 'number' ) { - this.local_value = this.value; - } - - this.$emit( 'update', this.local_value ); - }, - - watch: { - local_value() { - this.$emit( 'update', this.local_value ); - }, - - hasOptionsSource() { - let has_deprecated_value = this.hasDeprecatedValue( this.local_value ); - - if ( has_deprecated_value ) { - this.local_value = this.removeDeprecatedValue( this.local_value, has_deprecated_value ); - } - } - }, - - computed: { - ...mapState({ - fields: 'fields', - }), - - theOptions() { - if ( this.hasOptionsSource ) { - return this.hasOptionsSource; - } - - if ( ! this.options || typeof this.options !== 'object' ) { - return ( this.defaultOption ) ? [ this.defaultOption ] : []; - } - - return this.options; - }, - - hasOptionsSource() { - - if ( ! this.optionsSource || typeof this.optionsSource !== 'object' ) { - return false; - } - - if ( typeof this.optionsSource.where !== 'string' ) { - return false; - } - - let terget_fields = this.getTergetFields( this.optionsSource.where ); - const id_prefix = ( typeof this.optionsSource.id_prefix === 'string' ) ? this.optionsSource.id_prefix + '-' : this.name + '-'; - - if ( ! terget_fields || typeof terget_fields !== 'object' ) { - return false; - } - - let filter_by = null; - if ( typeof this.optionsSource.filter_by === 'string' && this.optionsSource.filter_by.length ) { - filter_by = this.optionsSource.filter_by; - } - - if ( filter_by ) { - filter_by = this.getTergetFields( this.optionsSource.filter_by ); - } - - let has_sourcemap = false; - - if ( this.optionsSource.source_map && typeof this.optionsSource.source_map === 'object' ) { - has_sourcemap = true; - } - - if ( ! has_sourcemap && ! filter_by ) { - return terget_fields; - } - - if ( has_sourcemap ) { - terget_fields = this.mapDataByMap( terget_fields, this.optionsSource.source_map ); - } - - if ( filter_by ) { - terget_fields = this.filterDataByValue( terget_fields, filter_by ); - } - - if ( ! terget_fields && typeof terget_fields !== 'object' ) { - return false; - } - - let i = 0; - for ( let option of terget_fields ) { - let id = ( typeof option.id !== 'undefined' ) ? option.id : ''; - - terget_fields[ i ].id = id_prefix + id; - i++; - } - - return terget_fields; - }, - - formGroupClass() { - var validation_classes = ( this.validationLog.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - } - }, - }, - - data() { - return { - local_value: '', - validationLog: {} - } - }, - - methods: { - getCheckedStatus( option ) { - return this.local_value.includes( this.getValue( option ) ); - }, - - getValue( option ) { - return ( typeof option.value !== 'undefined' ) ? option.value : ''; - }, - - getTheOptions() { - return JSON.parse( JSON.stringify( this.theOptions ) ); - }, - - filtereValue( value ) { - if ( ! value && typeof value !== 'object' ) { - return []; - } - - return []; - }, - - hasDeprecatedValue( values ) { - if ( ! values && typeof values !== 'object' ) { - return []; - } - - let flatten_values = JSON.parse( JSON.stringify( values ) ); - let options_values = this.theOptions.map( option => { - if ( typeof option.value !== 'undefined' ) { return option.value; } - }); - - let deprecated_value = flatten_values.filter( value_elm => { - return ! options_values.includes( value_elm ); - }); - - if ( ! deprecated_value && typeof deprecated_value !== 'object' ) { - return false; - } - - if ( ! deprecated_value.length ) { - return false; - } - - return deprecated_value; - }, - - removeDeprecatedValue( _original_value, _deprecated_value ) { - let original_value = JSON.parse( JSON.stringify( _original_value ) ); - - return original_value.filter( value_elm => { - return ! _deprecated_value.includes( value_elm ); - }); - } - - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/text-field.js b/assets/src/js/admin/vue/mixins/form-fields/text-field.js deleted file mode 100644 index bcf90400db..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/text-field.js +++ /dev/null @@ -1,70 +0,0 @@ -import props from './input-field-props.js'; - -export default { - mixins: [ props ], - model: { - prop: 'value', - event: 'update' - }, - - computed: { - - filteredValue() { - return this.decodeEntity( this.value ); - }, - - input_type() { - const supported_types = { - 'text-field': 'text', - 'number-field': 'number', - 'password-field': 'password', - 'date-field': 'date', - 'hidden-field': 'hidden', - 'text': 'text', - 'number': 'number', - 'password': 'password', - 'date': 'date', - 'hidden': 'hidden', - }; - - if ( typeof supported_types[ this.type ] !== 'undefined' ) { - return supported_types[ this.type ]; - } - - return 'text'; - }, - - formGroupClass() { - var validation_classes = ( this.validationLog?.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - 'cptm-mb-0': ( 'hidden' === this.input_type ) ? true : false, - } - }, - - formControlClass() { - let class_names = {}; - - if ( this.input_style && this.input_style.class_names ) { - class_names[ this.input_style.class_names ] = true; - } - - return class_names; - } - }, - - data() { - return { - validationLog: {} - } - }, - - methods: { - decodeEntity: function( inputStr ) { - var textarea = document.createElement("textarea"); - textarea.innerHTML = inputStr; - return textarea.value; - } - } -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/textarea-field.js b/assets/src/js/admin/vue/mixins/form-fields/textarea-field.js deleted file mode 100644 index 0a9762eaeb..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/textarea-field.js +++ /dev/null @@ -1,52 +0,0 @@ -import props from './input-field-props.js'; - -export default { - mixins: [ props ], - model: { - prop: 'value', - event: 'input' - }, - - computed: { - input_type() { - const supported_types = { - 'text-field': 'text', - 'number-field': 'number', - 'password-field': 'password', - 'date-field': 'date', - 'hidden-field': 'hidden', - }; - - if ( typeof supported_types[ this.type ] !== 'undefined' ) { - return supported_types[ this.type ]; - } - - return 'text'; - }, - - formGroupClass() { - var validation_classes = ( this.validationLog.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - } - }, - }, - - watch: { - local_value() { - this.$emit( 'update', this.local_value ); - } - }, - - created() { - this.local_value = this.value; - }, - - data() { - return { - local_value: '', - validationLog: {}, - } - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/toggle-field.js b/assets/src/js/admin/vue/mixins/form-fields/toggle-field.js deleted file mode 100644 index f18ee95a84..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/toggle-field.js +++ /dev/null @@ -1,182 +0,0 @@ -import props from './input-field-props.js'; - -export default { - mixins: [ props ], - model: { - prop: 'value', - event: 'input' - }, - - created() { - if ( typeof this.value !== 'undefined' ) { - this.local_value = ( true === this.value || 'true' === this.value || 1 === this.value || '1' === this.value ) ? true : false; - } - - this.$emit('update', this.local_value); - - this.setup(); - }, - - computed: { - toggleClass() { - return { - 'active': this.local_value, - } - }, - - link() { - return this.comp.link.url ? lodash.unescape( this.comp.link.url ) : this.comp.link.url; - }, - - compLinkIsEnable() { - if ( ! ( this.componets && this.componets.link ) ) { - return false; - } - - // check if show - if ( typeof this.componets.link.show !== 'undefined' && ! this.componets.link.show ) { return false; } - - // showIfValueIs - if ( typeof this.componets.link.showIfValueIs === 'undefined' ) { return true; } - if ( this.local_value != this.componets.link.showIfValueIs ) { return false; } - - return true; - }, - - compLinkClass() { - let button_type = this.comp.link.type; - - return { - [ 'cptm-' + button_type ]: true - } - }, - - formGroupClass() { - var validation_classes = ( this.validationLog.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - } - }, - }, - - data() { - return { - local_value: false, - - comp: { - link: { - enable: false, - label: 'Link', - type: 'success', - url: '#', - target: '_self', - } - }, - - confirmation: { - show: false, - onConfirm: null, - }, - - validationLog: {} - } - }, - - methods: { - setup() { - this.loadLinkComponentData(); - this.setupConfirmationModal(); - }, - - loadLinkComponentData() { - - if ( ! ( this.componets && this.componets.link) ) { return; } - - if ( this.componets.link.label ) { - this.comp.link.label = this.componets.link.label; - } - - if ( this.componets.link.type ) { - this.comp.link.type = this.componets.link.type; - } - - if ( this.componets.link.url ) { - this.comp.link.url = this.componets.link.url; - } - - if ( this.componets.link.target ) { - this.comp.link.target = this.componets.link.target; - } - }, - - setupConfirmationModal() { - if ( ! ( this.confirmationModal && typeof this.confirmationModal === 'object') ) { return; } - if ( ! Object.keys( this.confirmationModal ) ) { return; } - - let marged_data = { ...this.confirmation, ...this.confirmationModal }; - this.confirmation = marged_data; - }, - - toggleValue() { - const self = this; - const updateData = function() { - self.local_value = ! self.local_value; - self.$emit('update', self.local_value); - self.handleDataOnChange(); - }; - - this.handleDataBeforeChange( updateData ); - }, - - handleDataBeforeChange( updateData ) { - // console.log( 'handleDataBeforeChange', this.confirmBeforeChange ); - - // Check Confirmation - if ( this.confirmBeforeChange ) { - this.getConfirmation( updateData ); - return; - - // const confirmation_status = this.getConfirmation( updateData ); - // if ( ! confirmation_status ) { return; } - } - - updateData(); - }, - - getConfirmation( callback ) { - this.confirmation.show = true; - this.confirmation.onConfirm = callback; - - // let confirmation = confirm( 'Are You Sure?' ); - // if ( confirmation ) { return true; } - // return false; - }, - - confirmationOnConfirm( callback ) { - if ( typeof callback !== 'function' ) { return; } - - console.log( 'confirmationOnConfirm' ); - callback(); - }, - - confirmationOnCancel() { - this.confirmation.show = false; - this.confirmation.onConfirm = null; - }, - - handleDataOnChange() { - let task = this.dataOnChange; - let cachedData = this.cachedData; - - if ( ! cachedData ) { return; } - if ( cachedData.value == this.local_value ) { return; } - - if ( ! ( task && typeof task === 'object' ) ) { return; } - if ( ! task.action ) { return; } - if ( typeof task.action !== 'string' ) { return; } - - this.$emit( 'do-action', task ); - }, - } -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/form-fields/wp-media-picker-field.js b/assets/src/js/admin/vue/mixins/form-fields/wp-media-picker-field.js deleted file mode 100644 index 5dc3f83116..0000000000 --- a/assets/src/js/admin/vue/mixins/form-fields/wp-media-picker-field.js +++ /dev/null @@ -1,112 +0,0 @@ -import props from './input-field-props.js'; - -export default { - mixins: [ props ], - - model: { - prop: 'value', - event: 'input' - }, - - computed: { - theThumbnail() { - return this.thumbnailSrc; - }, - - hasThumbnail() { - if ( this.thumbnail_src.length ) { - return true; - } - - return false; - }, - - thumbnailSrc() { - if ( this.thumbnail_src === '' ) { - // return this.defaultImg; - } - - return this.thumbnail_src; - }, - - theButtonLabel() { - if ( this.hasThumbnail ) { - return this.changeButtonLabel; - } - - return this.selectButtonLabel; - }, - - formGroupClass() { - var validation_classes = ( this.validationLog.inputErrorClasses ) ? this.validationLog.inputErrorClasses : {}; - - return { - ...validation_classes, - } - }, - }, - - watch: { - theThumbnail() { - this.$emit( 'update', this.theThumbnail ); - } - }, - - created() { - this.setup(); - }, - - data() { - return { - file_frame: null, - thumbnail_src: '', - validationLog: {} - } - }, - - methods: { - setup() { - if ( this.value && this.value.length ) { - this.thumbnail_src = this.value; - } - - this.createTheMediaFrame(); - this.$emit( 'update', this.theThumbnail ); - }, - - createTheMediaFrame() { - let self = this; - - // Create the media frame. - this.file_frame = wp.media.frames.file_frame = wp.media({ - title: 'Select a image to upload', - button: { - text: 'Use this image', - }, - multiple: false - }); - - // When an image is selected, run a callback. - this.file_frame.on( 'select', function() { - let attachment = self.file_frame.state().get('selection').first().toJSON(); - self.thumbnail_src = attachment.url; - }); - }, - - openMediaPicker() { - let self = this; - - if ( this.file_frame ) { - this.file_frame.open(); - return; - } - - this.createTheMediaFrame(); - }, - - deleteThumbnail() { - console.log('Delete Thumb'); - this.thumbnail_src = ''; - } - } -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/general-helpers.js b/assets/src/js/admin/vue/mixins/general-helpers.js deleted file mode 100644 index 77b4b37db8..0000000000 --- a/assets/src/js/admin/vue/mixins/general-helpers.js +++ /dev/null @@ -1,22 +0,0 @@ -import { mapState } from 'vuex'; - -export default { - computed: { - ...mapState({ - fields: 'fields', - cached_fields: 'cached_fields', - highlighted_field_key: 'highlighted_field_key', - }), - }, - - methods: { - isObject( the_var ) { - if ( typeof the_var === 'undefined' ) { return false } - if ( the_var === null ) { return false } - if ( typeof the_var !== 'object' ) { return false } - if ( Array.isArray( the_var ) ) { return false } - - return the_var; - }, - } -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/helpers.js b/assets/src/js/admin/vue/mixins/helpers.js deleted file mode 100644 index f3c63907c3..0000000000 --- a/assets/src/js/admin/vue/mixins/helpers.js +++ /dev/null @@ -1,448 +0,0 @@ -import { mapState } from 'vuex'; - -export default { - - computed: { - ...mapState({ - fields: 'fields', - cached_fields: 'cached_fields', - highlighted_field_key: 'highlighted_field_key', - }), - }, - - methods: { - doAction( payload, component_key ) { - if ( ! payload.action ) { return; } - if ( this[ payload.component ] !== component_key ) { - this.$emit( 'do-action', payload ); - return; - } - - if ( typeof this[ payload.action ] !== "function" ) { return; } - - this[ payload.action ]( payload.args ); - }, - - maybeJSON( data ) { - try { - JSON.parse( data ); - } catch (e) { - return data; - } - - return JSON.parse( data ); - }, - - isObject( the_var ) { - if ( typeof the_var === 'undefined' ) { return false } - if ( the_var === null ) { return false } - if ( typeof the_var !== 'object' ) { return false } - if ( Array.isArray( the_var ) ) { return false } - - return the_var; - }, - - getHighlightState( field_key ) { - return this.highlighted_field_key === field_key; - }, - - getOptionID( option, field_index, section_index ) { - let option_id = ''; - - if ( section_index ) { - option_id = section_index; - } - - if ( this.fieldId ) { - option_id = option_id + '_' + this.fieldId; - } - - if ( typeof option.id !== 'undefined' ) { - option_id = option_id + '_' + option.id; - } - - if ( typeof field_index !== 'undefined' ) { - option_id = option_id + '_' + field_index; - } - - return option_id; - }, - - mapDataByMap( data, map ) { - const flatten_data = JSON.parse( JSON.stringify( data ) ); - const flatten_map = JSON.parse( JSON.stringify( map ) ); - - let mapped_data = flatten_data.map( element => { - let item = {}; - - for ( let key in flatten_map) { - if ( typeof element[ key ] !== 'undefined' ) { - item[ key ] = element[ flatten_map[ key ] ]; - } - } - - return item; - }); - - return mapped_data; - }, - - filterDataByValue( data, value ) { - let value_is_array = ( value && typeof value === 'object' ) ? true : false; - let value_is_text = ( typeof value === 'string' || typeof value === 'number' ) ? true : false; - let flatten_data = JSON.parse( JSON.stringify( data ) ); - - return flatten_data.filter( item => { - if ( value_is_text && value === item.value ) { - // console.log( 'value_is_text', item.value, value ); - return item; - } - - if ( value_is_array && value.includes( item.value ) ) { - // console.log( 'value_is_array', item.value, value ); - return item; - } - - if ( ! value_is_text && ! value_is_array ) { - // console.log( 'no filter', item.value, value ); - return item; - } - - }); - }, - - checkChangeIfCondition( payload ) { - let root = this.fields; - let isChangeable = false; - - // Extract from payload - const { condition, fieldKey } = payload; - - let currentField = root[fieldKey]; - let conditionField = root[condition.where]; - - // Loop through the conditions to check if they match - for (let item of condition.conditions) { - if (item.key === "value" && item.compare === "=") { - // Compare the value - if (conditionField && conditionField.value === item.value) { - isChangeable = true; - break; - } - } - } - - // If the isChangeable is true, apply all effects - if (isChangeable) { - for (let effect of condition.effects) { - currentField[effect.key] = effect.value; // Apply the effect value - } - } else { - // Reset to default values for all effects if not changeable - for (let effect of condition.effects) { - if (effect.default_value !== undefined) { - currentField[effect.key] = effect.default_value; - } - } - } - - return isChangeable; - }, - - checkShowIfCondition(payload) { - // Handle both single and multiple conditions - if (payload.condition && Array.isArray(payload.condition)) { - // This is a multiple condition case - let result = { - status: false, - failed_conditions: 0, - succeed_conditions: 0, - matched_data: [] - }; - - for (let condition of payload.condition) { - let state = this.checkSingleCondition({ condition: condition }); - - if (state.status) { - result.succeed_conditions += 1; - result.matched_data.push(condition); - } else { - result.failed_conditions += 1; - } - } - - result.status = result.failed_conditions === 0; - return result; - } else { - // This is a single condition case - return this.checkSingleCondition(payload); - } - }, - - checkSingleCondition(payload) { - let args = { condition: null }; - Object.assign(args, payload); - - let condition = args.condition; - - let root = this.fields; - if (this.isObject(args.root)) { - root = args.root; - } - - let failed_cond_count = 0; - let success_cond_count = 0; - let accepted_comparison = ['and', 'or']; - let compare = 'and'; - let matched_data = []; - - let state = { - status: false, - failed_conditions: failed_cond_count, - succeed_conditions: success_cond_count, - matched_data: matched_data, - }; - - let target_field = this.getTergetFields({ root: root, path: condition.where }); - - if (!(condition.conditions && Array.isArray(condition.conditions) && condition.conditions.length)) { return state; } - if (!this.isObject(target_field)) { return state; } - - if (typeof condition.compare === 'string' && accepted_comparison.indexOf(condition.compare)) { - compare = condition.compare; - } - - for (let sub_condition of condition.conditions) { - if (typeof sub_condition.key !== 'string') { - continue; - } - - let sub_condition_field_path = sub_condition.key.split('.'); - let sub_condition_field = null; - let sub_condition_error = 0; - let sub_compare = (typeof sub_condition.compare === 'string') ? sub_condition.compare : '='; - - if (!sub_condition_field_path.length) { - continue; - } - - // --- - if (sub_condition_field_path[0] !== '_any') { - sub_condition_field = target_field[sub_condition_field_path[0]]; - let is_hidden = (typeof target_field.hidden !== 'undefined') ? target_field.hidden : false; - - if (sub_condition_field_path.length > 1 && !this.isObject(sub_condition_field)) { - sub_condition_error++; - } - - if (sub_condition_field_path.length > 1 && !sub_condition_error) { - sub_condition_field = target_field[sub_condition_field_path[0]][sub_condition_field_path[1]]; - is_hidden = (typeof target_field[sub_condition_field_path[0]].hidden !== 'undefined') ? target_field[sub_condition_field_path[0]].hidden : false; - } - - if (is_hidden) { - sub_condition_error++; - } - - if (typeof sub_condition_field === 'undefined') { - sub_condition_error++; - } - - if (sub_condition_error) { - failed_cond_count++; - continue; - } - - if (!this.checkComparison({ data_a: sub_condition_field, data_b: sub_condition.value, compare: sub_compare })) { - failed_cond_count++; - continue; - } - - matched_data.push(target_field[sub_condition_field_path[0]]); - success_cond_count++; - continue; - } - - // Check if has _any condition - if (sub_condition_field_path[0] === '_any') { - let failed_any_cond_count = 0; - let success_any_cond_count = 0; - - for (let field in target_field) { - let any_cond_error = 0; - - sub_condition_field = target_field[field]; - - if (sub_condition_field_path.length > 1 && !this.isObject(sub_condition_field)) { - any_cond_error++; - } - - if (sub_condition_field_path.length > 1 && !any_cond_error) { - sub_condition_field = sub_condition_field[sub_condition_field_path[1]]; - } - - if (typeof sub_condition_field === 'undefined') { - any_cond_error++; - } - - if (any_cond_error) { - failed_any_cond_count++; - continue; - } - - if (!this.checkComparison({ data_a: sub_condition_field, data_b: sub_condition.value, compare: sub_compare })) { - failed_any_cond_count++; - continue; - } - - matched_data.push(target_field[field]); - success_any_cond_count++; - } - - if (!success_any_cond_count) { failed_cond_count++; } - else { success_cond_count++; } - } - } - - // Get Status - let status = false; - switch (compare) { - case 'and': - status = (failed_cond_count) ? false : true; - break; - case 'or': - status = (success_cond_count) ? true : false; - break; - } - - state = { - status: status, - failed_conditions: failed_cond_count, - succeed_conditions: success_cond_count, - matched_data: matched_data, - }; - - return state; - }, - - checkComparison( payload ) { - let args = { data_a: '', data_b: '', compare: '=' }; - Object.assign( args, payload ); - - let status = false; - - switch ( args.compare ) { - case '=': - status = ( args.data_a == args.data_b ) ? true : false; - break; - case '==': - status = ( args.data_a === args.data_b ) ? true : false; - break; - case '!=': - status = ( args.data_a !== args.data_b ) ? true : false; - break; - case 'not': - status = ( args.data_a !== args.data_b ) ? true : false; - break; - case '>': - status = ( args.data_a > args.data_b ) ? true : false; - break; - case '<': - status = ( args.data_a < args.data_b ) ? true : false; - break; - case '>=': - status = ( args.data_a >= args.data_b ) ? true : false; - break; - case '<=': - status = ( args.data_a <= args.data_b ) ? true : false; - break; - } - - return status; - }, - - getFormFieldName( field_type ) { - return field_type + '-field'; - }, - - updateFieldValue( field_key, value ) { - this.$store.commit( 'updateFieldValue', { field_key, value } ); - }, - - updateFieldValidationState( field_key, value ) { - this.$store.commit( 'updateFieldData', { field_key, option_key: 'validationState', value } ); - }, - - updateFieldData( field_key, option_key, value ) { - this.$store.commit( 'updateFieldData', { field_key, option_key, value } ); - }, - - getActiveClass( item_index, active_index ) { - return ( item_index === active_index ) ? 'active' : ''; - }, - - getTergetFields( payload ) { - - let args = { root: this.fields, path: '' }; - - if ( this.isObject( payload ) ) { - Object.assign( args, payload ); - } - - if ( typeof args.path !== 'string' ) { return null; } - let terget_field = null; - - let terget_fields = args.path.split('.'); - let terget_missmatched = false; - - if ( terget_fields && typeof terget_fields === 'object' ) { - terget_field = this.fields; - - for ( let key of terget_fields ) { - if ( ! key.length ) { continue; } - - if ( 'self' === key ) { - terget_field = args.root; - continue; - } - - if ( typeof terget_field[ key ] === 'undefined' ) { - terget_missmatched = true; - break; - } - - if ( typeof terget_field[ key ].isVisible !== 'undefined' && ! terget_field[ key ].isVisible ) { - terget_missmatched = true; - break; - } - - terget_field = ( terget_field !== null ) ? terget_field[ key ] : args.root[ key ]; - } - } - - if ( terget_missmatched ) { return false; } - - - - return JSON.parse( JSON.stringify( terget_field ) ); - }, - - getSanitizedProps( props ) { - - if ( props && typeof props === 'object' ) { - let _props = JSON.parse( JSON.stringify( props ) ); - delete _props.value; - - return _props; - } - - return props; - } - }, - - data() { - return { - default_option: { value: '', label: 'Select...' }, - } - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/section-helpers.js b/assets/src/js/admin/vue/mixins/section-helpers.js deleted file mode 100644 index 960d5b7b13..0000000000 --- a/assets/src/js/admin/vue/mixins/section-helpers.js +++ /dev/null @@ -1,28 +0,0 @@ -import { mapState } from 'vuex'; -import validator from './validator'; - -export default { - mixins: [ validator ], - computed: { - ...mapState({ - fields: 'fields', - cached_fields: 'cached_fields', - highlighted_field_key: 'highlighted_field_key', - }), - }, - - methods: { - updateFieldValue( field_key, value ) { - this.$store.commit( 'updateFieldValue', { field_key, value } ); - this.validateField( field_key ); - }, - - getFormFieldName( field_type ) { - return field_type + '-field'; - }, - - getHighlightState( field_key ) { - return this.highlighted_field_key === field_key; - }, - } -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/validation.js b/assets/src/js/admin/vue/mixins/validation.js deleted file mode 100644 index b75285c698..0000000000 --- a/assets/src/js/admin/vue/mixins/validation.js +++ /dev/null @@ -1,135 +0,0 @@ - -export default { - props: { - validation: { - type: Array, - required: false, - }, - }, - - computed: { - validationLog() { - let validation_log = { - invalid_value: { - has_error: false, - error_msg: 'The field has invalid value', - }, - duplicate_value: { - has_error: false, - error_msg: 'The field must be unique', - }, - } - - validation_log = this.syncValidationWithProps( validation_log ); - - if ( this.hasInvalidValue() ) { - validation_log[ 'invalid_value' ].has_error = true; - } - - if ( typeof this.syncValidationWithLocalState === 'function' ) { - validation_log = this.syncValidationWithLocalState( validation_log ); - } - - // console.log( { validation_log } ); - - return validation_log; - }, - - validationStatus() { - let the_status = { has_error: false, messages: [] }; - for ( let status_key in this.validationLog ) { - if ( this.validationLog[ status_key ].has_error ) { - the_status.has_error = true - - the_status.messages.push({ - type: 'error', - message: this.validationLog[ status_key ].error_msg - }); - } - } - - return the_status; - }, - - validationMessages() { - if ( ! this.validationStatus.messages || typeof this.validationStatus.messages !== 'object' ) { - return false; - } - - if ( ! this.validationStatus.messages.length ) { - return false; - } - - return this.validationStatus.messages[0]; - }, - - validationClass() { - return { - 'cpt-has-error': this.validationStatus.has_error - } - }, - - formGroupClass() { - return { - ...this.validationClass - } - }, - }, - - methods: { - syncValidationWithProps( validation_log ) { - if ( this.validation && typeof this.validation === 'object' ) { - for ( let validation_item of this.validation ) { - if ( typeof validation_item.error_key === 'undefined' ) { - continue; - } - - if ( typeof validation_log[ validation_item.error_key ] === 'undefined' ) { - validation_log[ validation_item.error_key ] = { error_msg: '' }; - } - - validation_log[ validation_item.error_key ].has_error = true; - - if ( typeof validation_item.has_error !== 'undefined') { - validation_log[ validation_item.error_key ].has_error = validation_item.has_error; - } - - if ( typeof validation_item.error_msg !== 'undefined') { - validation_log[ validation_item.error_key ].error_msg = validation_item.error_msg; - } - } - } - - return validation_log; - }, - - hasInvalidValue() { - let match_found = false; - - if ( this.default_option && typeof this.default_option.value !== 'undefined' && - this.local_value === this.default_option.value ) { - return false; - } - - if ( ! this.theOptions || typeof this.theOptions !== 'object' ) { - return false; - } - - for ( let option of this.theOptions ) { - if ( typeof option.options !== 'undefined' ) { - for ( let sub_option of option.options ) { - if ( sub_option.value === this.local_value ) { - match_found = true; - } - } - } else { - if ( option.value === this.local_value ) { - match_found = true; - } - } - } - - return ! match_found; - }, - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/mixins/validator.js b/assets/src/js/admin/vue/mixins/validator.js deleted file mode 100644 index 0ca2191886..0000000000 --- a/assets/src/js/admin/vue/mixins/validator.js +++ /dev/null @@ -1,179 +0,0 @@ -import { mapState } from 'vuex'; - -export default { - mounted() { - this.validate(); - }, - - computed: { - ...mapState({ - fields: 'fields', - }), - - validationMessages() { - - if ( ! this.validationState ) { return false; } - if ( ! this.validationState.log ) { return false; } - if ( typeof this.validationState.log !== 'object' ) { return false; } - if ( ! Object.keys( this.validationState.log ).length ) { return false; } - - let messages = []; - for ( let log_key in this.validationState.log ) { - let status_log = this.validationState.log[ log_key ]; - messages.push( { type: status_log.type, message: status_log.message, } ); - } - - if ( ! messages.length ) { return false; } - - return messages[0]; - }, - - validationClass() { - return { - 'cpt-has-error': this.validationMessages.length - } - }, - - formGroupClass() { - return { - ...this.validationClass - } - }, - }, - - watch: { - value() { - this.validate(); - } - }, - - methods: { - validate() { - if ( ! this.rules ) { return; } - - let validation_log = {}; - let error_count = 0; - - for ( let rule in this.rules ) { - switch ( rule ) { - case 'required': - var status = this.checkRequired( this.value, this.rules[rule] ); - if ( ! status.valid ) { - validation_log[ 'required' ] = status.log; - error_count++; - } - break; - - case 'min': - var status = this.checkMin( this.value, this.rules[rule] ); - if ( ! status.valid ) { - validation_log[ 'min' ] = status.log; - error_count++; - } - break; - - case 'max': - var status = this.checkMax( this.value, this.rules[rule] ); - if ( ! status.valid ) { - validation_log[ 'max' ] = status.log; - error_count++; - } - break; - } - } - - let validation_status = { - hasError: ( error_count > 0 ) ? true : false, - log: validation_log, - } - - this.$emit( 'validate', validation_status ); - }, - - // checkRequired - checkRequired( value, arg ) { - let status = { valid: true }; - - if ( ! arg ) { return status; } - - if ( this.isEmpty( value ) ) { - status.valid = false; - status.log = { type: 'error', message: 'The field is required' }; - - return status; - } - - return status; - }, - - checkMin( value, arg ) { - let status = { valid: true }; - - // If the value is empty - if ( this.isEmpty( value ) ) { return status; } - - let value_in_number = Number( value ); - - // If the value is not number - if ( Number.isNaN( value_in_number ) ) { - status.valid = false; - status.log = { type: 'error', message: 'The field must be number'}; - - return status; - } - - // Check the length - if ( value_in_number < arg ) { - status.valid = false; - status.log = { type: 'error', message: 'The field must be minimum of ' + arg }; - - return status; - } - - return status; - }, - - checkMax( value, arg ) { - let status = { valid: true }; - - // If the value is empty - if ( this.isEmpty( value ) ) { return status; } - - let value_in_number = Number( value ); - - // If the value is not number - if ( Number.isNaN( value_in_number ) ) { - status.valid = false; - status.log = { type: 'error', message: 'The field must be number'}; - - return status; - } - - // Check the length - if ( value_in_number > arg ) { - status.valid = false; - status.log = { type: 'error', message: 'The field must be maximum of ' + arg }; - - return status; - } - - return status; - }, - - isEmpty( value ) { - if ( typeof value === 'string' && ! value.length ) { - return true; - } - - if ( typeof value === 'number' && ! value.toString().length ) { - return true; - } - - if ( ! value ) { - return true; - } - - return false; - } - }, -} \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Card_Widget_Placeholder.vue b/assets/src/js/admin/vue/modules/Card_Widget_Placeholder.vue deleted file mode 100644 index a6698accf4..0000000000 --- a/assets/src/js/admin/vue/modules/Card_Widget_Placeholder.vue +++ /dev/null @@ -1,197 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Confirmation_Modal.vue b/assets/src/js/admin/vue/modules/Confirmation_Modal.vue deleted file mode 100644 index 647a635cda..0000000000 --- a/assets/src/js/admin/vue/modules/Confirmation_Modal.vue +++ /dev/null @@ -1,112 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Dropable_Element.vue b/assets/src/js/admin/vue/modules/Dropable_Element.vue deleted file mode 100644 index 0acc3ae291..0000000000 --- a/assets/src/js/admin/vue/modules/Dropable_Element.vue +++ /dev/null @@ -1,159 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Field_List_Component.vue b/assets/src/js/admin/vue/modules/Field_List_Component.vue deleted file mode 100644 index 3d2a0a4df9..0000000000 --- a/assets/src/js/admin/vue/modules/Field_List_Component.vue +++ /dev/null @@ -1,182 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/Form_Field_Validatior.vue b/assets/src/js/admin/vue/modules/Form_Field_Validatior.vue deleted file mode 100644 index 4e5375cf91..0000000000 --- a/assets/src/js/admin/vue/modules/Form_Field_Validatior.vue +++ /dev/null @@ -1,360 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/Options_Window.vue b/assets/src/js/admin/vue/modules/Options_Window.vue deleted file mode 100644 index 0c196fc912..0000000000 --- a/assets/src/js/admin/vue/modules/Options_Window.vue +++ /dev/null @@ -1,109 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Sections_Module.vue b/assets/src/js/admin/vue/modules/Sections_Module.vue deleted file mode 100644 index a674d5bc54..0000000000 --- a/assets/src/js/admin/vue/modules/Sections_Module.vue +++ /dev/null @@ -1,315 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Sidebar_Navigation.vue b/assets/src/js/admin/vue/modules/Sidebar_Navigation.vue deleted file mode 100644 index b1efc63041..0000000000 --- a/assets/src/js/admin/vue/modules/Sidebar_Navigation.vue +++ /dev/null @@ -1,76 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Sub_Fields_Module.vue b/assets/src/js/admin/vue/modules/Sub_Fields_Module.vue deleted file mode 100644 index e006a0187a..0000000000 --- a/assets/src/js/admin/vue/modules/Sub_Fields_Module.vue +++ /dev/null @@ -1,98 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Sub_Navigation.vue b/assets/src/js/admin/vue/modules/Sub_Navigation.vue deleted file mode 100644 index f3e252439b..0000000000 --- a/assets/src/js/admin/vue/modules/Sub_Navigation.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Submenu_Module.vue b/assets/src/js/admin/vue/modules/Submenu_Module.vue deleted file mode 100644 index cd7e4891ec..0000000000 --- a/assets/src/js/admin/vue/modules/Submenu_Module.vue +++ /dev/null @@ -1,129 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Widget_Action_Tools.vue b/assets/src/js/admin/vue/modules/Widget_Action_Tools.vue deleted file mode 100644 index 7b0e9ffec8..0000000000 --- a/assets/src/js/admin/vue/modules/Widget_Action_Tools.vue +++ /dev/null @@ -1,36 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Widget_Actions.vue b/assets/src/js/admin/vue/modules/Widget_Actions.vue deleted file mode 100644 index caa42e8d86..0000000000 --- a/assets/src/js/admin/vue/modules/Widget_Actions.vue +++ /dev/null @@ -1,23 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/Widgets_Window.vue b/assets/src/js/admin/vue/modules/Widgets_Window.vue deleted file mode 100644 index 1cd9d5b611..0000000000 --- a/assets/src/js/admin/vue/modules/Widgets_Window.vue +++ /dev/null @@ -1,258 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Avatar_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Avatar_Card_Widget.vue deleted file mode 100644 index a1df8ace51..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Avatar_Card_Widget.vue +++ /dev/null @@ -1,110 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Badge_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Badge_Card_Widget.vue deleted file mode 100644 index b15f5bcef7..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Badge_Card_Widget.vue +++ /dev/null @@ -1,108 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Button_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Button_Card_Widget.vue deleted file mode 100644 index a823dbd897..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Button_Card_Widget.vue +++ /dev/null @@ -1,108 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Category_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Category_Card_Widget.vue deleted file mode 100644 index 80386f7f11..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Category_Card_Widget.vue +++ /dev/null @@ -1,108 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Excerpt_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Excerpt_Card_Widget.vue deleted file mode 100644 index 68802fd3f1..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Excerpt_Card_Widget.vue +++ /dev/null @@ -1,108 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Icon_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Icon_Card_Widget.vue deleted file mode 100644 index e77c711e88..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Icon_Card_Widget.vue +++ /dev/null @@ -1,108 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/List_Item_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/List_Item_Card_Widget.vue deleted file mode 100644 index ee53509ce4..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/List_Item_Card_Widget.vue +++ /dev/null @@ -1,142 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Price_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Price_Card_Widget.vue deleted file mode 100644 index e39575fc0c..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Price_Card_Widget.vue +++ /dev/null @@ -1,108 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Rating_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Rating_Card_Widget.vue deleted file mode 100644 index 17026253f5..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Rating_Card_Widget.vue +++ /dev/null @@ -1,108 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Ratings_Count_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Ratings_Count_Card_Widget.vue deleted file mode 100644 index 4ec591159b..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Ratings_Count_Card_Widget.vue +++ /dev/null @@ -1,108 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Reviews_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Reviews_Card_Widget.vue deleted file mode 100644 index eef5d24793..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Reviews_Card_Widget.vue +++ /dev/null @@ -1,108 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Section_Title_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Section_Title_Card_Widget.vue deleted file mode 100644 index 80b881e792..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Section_Title_Card_Widget.vue +++ /dev/null @@ -1,110 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Thumbnail_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Thumbnail_Card_Widget.vue deleted file mode 100644 index a67515f781..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Thumbnail_Card_Widget.vue +++ /dev/null @@ -1,113 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/Title_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/Title_Card_Widget.vue deleted file mode 100644 index 5bb83f1e5d..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/Title_Card_Widget.vue +++ /dev/null @@ -1,110 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/card-widgets/View_Count_Card_Widget.vue b/assets/src/js/admin/vue/modules/card-widgets/View_Count_Card_Widget.vue deleted file mode 100644 index f600aa7fa5..0000000000 --- a/assets/src/js/admin/vue/modules/card-widgets/View_Count_Card_Widget.vue +++ /dev/null @@ -1,111 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/draggable-list-modules/Draggable_List_Item.vue b/assets/src/js/admin/vue/modules/draggable-list-modules/Draggable_List_Item.vue deleted file mode 100644 index a84d4574da..0000000000 --- a/assets/src/js/admin/vue/modules/draggable-list-modules/Draggable_List_Item.vue +++ /dev/null @@ -1,80 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/draggable-list-modules/Draggable_List_Item_Wrapper.vue b/assets/src/js/admin/vue/modules/draggable-list-modules/Draggable_List_Item_Wrapper.vue deleted file mode 100644 index 301ae8d012..0000000000 --- a/assets/src/js/admin/vue/modules/draggable-list-modules/Draggable_List_Item_Wrapper.vue +++ /dev/null @@ -1,90 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-builder-modules/Form_Builder_Droppable_Placeholder.vue b/assets/src/js/admin/vue/modules/form-builder-modules/Form_Builder_Droppable_Placeholder.vue deleted file mode 100644 index 385edc68a4..0000000000 --- a/assets/src/js/admin/vue/modules/form-builder-modules/Form_Builder_Droppable_Placeholder.vue +++ /dev/null @@ -1,51 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-builder-modules/Form_Builder_Widget_List_Section_Component.vue b/assets/src/js/admin/vue/modules/form-builder-modules/Form_Builder_Widget_List_Section_Component.vue deleted file mode 100644 index 8ea0a65a70..0000000000 --- a/assets/src/js/admin/vue/modules/form-builder-modules/Form_Builder_Widget_List_Section_Component.vue +++ /dev/null @@ -1,358 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Component.vue b/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Component.vue deleted file mode 100644 index 8e59c38a84..0000000000 --- a/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Component.vue +++ /dev/null @@ -1,408 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Titlebar_Component.vue b/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Titlebar_Component.vue deleted file mode 100644 index e177c5aaa8..0000000000 --- a/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Titlebar_Component.vue +++ /dev/null @@ -1,40 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Trash_Confirmation.vue b/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Trash_Confirmation.vue deleted file mode 100644 index 1aafc1c719..0000000000 --- a/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Trash_Confirmation.vue +++ /dev/null @@ -1,49 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Video_Component.vue b/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Video_Component.vue deleted file mode 100644 index 92155edb1e..0000000000 --- a/assets/src/js/admin/vue/modules/form-builder-modules/widget-component/Form_Builder_Widget_Video_Component.vue +++ /dev/null @@ -1,41 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Group_Component.vue b/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Group_Component.vue deleted file mode 100644 index 0fa7cc4acd..0000000000 --- a/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Group_Component.vue +++ /dev/null @@ -1,272 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Group_Header_Component.vue b/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Group_Header_Component.vue deleted file mode 100644 index bcaa241ffc..0000000000 --- a/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Group_Header_Component.vue +++ /dev/null @@ -1,260 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Group_Titlebar_Component.vue b/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Group_Titlebar_Component.vue deleted file mode 100644 index 30411a2266..0000000000 --- a/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Group_Titlebar_Component.vue +++ /dev/null @@ -1,78 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Trash_Confirmation.vue b/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Trash_Confirmation.vue deleted file mode 100644 index a6d80d9d92..0000000000 --- a/assets/src/js/admin/vue/modules/form-builder-modules/widget-group-components/Form_Builder_Widget_Trash_Confirmation.vue +++ /dev/null @@ -1,49 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Ajax_Action_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Ajax_Action_Field.vue deleted file mode 100644 index 57374146b4..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Ajax_Action_Field.vue +++ /dev/null @@ -1,21 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Button_Example_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Button_Example_Field.vue deleted file mode 100644 index 571d84097a..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Button_Example_Field.vue +++ /dev/null @@ -1,19 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Button_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Button_Field.vue deleted file mode 100644 index f792a2c2f3..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Button_Field.vue +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Field.vue deleted file mode 100644 index 06ce5fb2b4..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Field.vue +++ /dev/null @@ -1,217 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Grid_View_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Grid_View_Field.vue deleted file mode 100644 index 6bf7e81279..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Grid_View_Field.vue +++ /dev/null @@ -1,893 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Grid_View_With_Thumbnail_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Grid_View_With_Thumbnail_Field.vue deleted file mode 100644 index a272cc914a..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Grid_View_With_Thumbnail_Field.vue +++ /dev/null @@ -1,879 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Grid_View_Without_Thumbnail_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Grid_View_Without_Thumbnail_Field.vue deleted file mode 100644 index 6cbd7c5eea..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Grid_View_Without_Thumbnail_Field.vue +++ /dev/null @@ -1,796 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_List_View_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Card_Builder_List_View_Field.vue deleted file mode 100644 index 0639e5fa07..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_List_View_Field.vue +++ /dev/null @@ -1,790 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_List_View_With_Thumbnail_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Card_Builder_List_View_With_Thumbnail_Field.vue deleted file mode 100644 index 510c6d1b5d..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_List_View_With_Thumbnail_Field.vue +++ /dev/null @@ -1,771 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_List_View_Without_Thumbnail_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Card_Builder_List_View_Without_Thumbnail_Field.vue deleted file mode 100644 index 4775fd03c4..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_List_View_Without_Thumbnail_Field.vue +++ /dev/null @@ -1,731 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Listing_Header_Field.old.vue b/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Listing_Header_Field.old.vue deleted file mode 100644 index 9e1c8e15a6..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Listing_Header_Field.old.vue +++ /dev/null @@ -1,799 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Listing_Header_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Listing_Header_Field.vue deleted file mode 100644 index 0a3dfaf345..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Card_Builder_Listing_Header_Field.vue +++ /dev/null @@ -1,1173 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Checkbox_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Checkbox_Field.vue deleted file mode 100644 index 3f05d7a1d0..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Checkbox_Field.vue +++ /dev/null @@ -1,19 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/ColorField.vue b/assets/src/js/admin/vue/modules/form-fields/ColorField.vue deleted file mode 100644 index 22bdb83856..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/ColorField.vue +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Editable_Button_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Editable_Button_Field.vue deleted file mode 100644 index 60b56913b5..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Editable_Button_Field.vue +++ /dev/null @@ -1,60 +0,0 @@ - - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Export_Data_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Export_Data_Field.vue deleted file mode 100644 index d824859a6a..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Export_Data_Field.vue +++ /dev/null @@ -1,19 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Export_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Export_Field.vue deleted file mode 100644 index 2dfda496eb..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Export_Field.vue +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Fields_Group_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Fields_Group_Field.vue deleted file mode 100644 index 26d56ba827..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Fields_Group_Field.vue +++ /dev/null @@ -1,97 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Form_Builder_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Form_Builder_Field.vue deleted file mode 100644 index fab1004870..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Form_Builder_Field.vue +++ /dev/null @@ -1,988 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Hidden_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Hidden_Field.vue deleted file mode 100644 index 39e9ddf1be..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Hidden_Field.vue +++ /dev/null @@ -1,16 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Icon_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Icon_Field.vue deleted file mode 100644 index 9970333081..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Icon_Field.vue +++ /dev/null @@ -1,43 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Image_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Image_Field.vue deleted file mode 100644 index c86b331066..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Image_Field.vue +++ /dev/null @@ -1,19 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Import_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Import_Field.vue deleted file mode 100644 index d459ed286c..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Import_Field.vue +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Meta_Key_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Meta_Key_Field.vue deleted file mode 100644 index 591c8cc8dd..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Meta_Key_Field.vue +++ /dev/null @@ -1,242 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Multi_Fields_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Multi_Fields_Field.vue deleted file mode 100644 index f2cac9564f..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Multi_Fields_Field.vue +++ /dev/null @@ -1,389 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Note_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Note_Field.vue deleted file mode 100644 index a9414f01f3..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Note_Field.vue +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Number_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Number_Field.vue deleted file mode 100644 index abfbe35634..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Number_Field.vue +++ /dev/null @@ -1,21 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Password_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Password_Field.vue deleted file mode 100644 index 39e9ddf1be..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Password_Field.vue +++ /dev/null @@ -1,16 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Radio_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Radio_Field.vue deleted file mode 100644 index e62cf2f78e..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Radio_Field.vue +++ /dev/null @@ -1,18 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Range_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Range_Field.vue deleted file mode 100644 index 1d2bb1b8d6..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Range_Field.vue +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Restore_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Restore_Field.vue deleted file mode 100644 index 7ca653bd4e..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Restore_Field.vue +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Select2_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Select2_Field.vue deleted file mode 100644 index a65727c5b7..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Select2_Field.vue +++ /dev/null @@ -1,225 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Select_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Select_Field.vue deleted file mode 100644 index d8c5d11c48..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Select_Field.vue +++ /dev/null @@ -1,24 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/Shortcode_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Shortcode_Field.vue deleted file mode 100644 index 2f6d026a45..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Shortcode_Field.vue +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Shortcode_List_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Shortcode_List_Field.vue deleted file mode 100644 index 6a15c2898c..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Shortcode_List_Field.vue +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Tab_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Tab_Field.vue deleted file mode 100644 index f6d85cd2ee..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Tab_Field.vue +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Text_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Text_Field.vue deleted file mode 100644 index 7418c1d925..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Text_Field.vue +++ /dev/null @@ -1,23 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/TextareaField.vue b/assets/src/js/admin/vue/modules/form-fields/TextareaField.vue deleted file mode 100644 index 1472fa7310..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/TextareaField.vue +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/Toggle_Field.vue b/assets/src/js/admin/vue/modules/form-fields/Toggle_Field.vue deleted file mode 100644 index 85c7f39ad1..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/Toggle_Field.vue +++ /dev/null @@ -1,19 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/WP_Media_Picker_Field.vue b/assets/src/js/admin/vue/modules/form-fields/WP_Media_Picker_Field.vue deleted file mode 100644 index 015b27bad9..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/WP_Media_Picker_Field.vue +++ /dev/null @@ -1,20 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Ajax_Action_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Ajax_Action_Field_Theme_Butterfly.vue deleted file mode 100644 index a356ace536..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Ajax_Action_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Button_Example_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Button_Example_Field_Theme_Butterfly.vue deleted file mode 100644 index 5722552f8a..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Button_Example_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,69 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Button_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Button_Field_Theme_Butterfly.vue deleted file mode 100644 index 6e5ea2d283..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Button_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Checkbox_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Checkbox_Field_Theme_Butterfly.vue deleted file mode 100644 index 48e60e332a..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Checkbox_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,49 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Color_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Color_Field_Theme_Butterfly.vue deleted file mode 100644 index 9c251cb1ba..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Color_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,53 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Export_Data_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Export_Data_Field_Theme_Butterfly.vue deleted file mode 100644 index 58742a04a0..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Export_Data_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,30 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Export_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Export_Field_Theme_Butterfly.vue deleted file mode 100644 index 7cbfc1bf45..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Export_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Import_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Import_Field_Theme_Butterfly.vue deleted file mode 100644 index 40f46080da..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Import_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,36 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Note_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Note_Field_Theme_Butterfly.vue deleted file mode 100644 index daebfc80f5..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Note_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,22 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Radio_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Radio_Field_Theme_Butterfly.vue deleted file mode 100644 index 8f508628fa..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Radio_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,75 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Range_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Range_Field_Theme_Butterfly.vue deleted file mode 100644 index c676c0bc34..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Range_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,59 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Restore_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Restore_Field_Theme_Butterfly.vue deleted file mode 100644 index 84beb9f245..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Restore_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Select_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Select_Field_Theme_Butterfly.vue deleted file mode 100644 index ececfadda1..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Select_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,67 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Shortcode_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Shortcode_Field_Theme_Butterfly.vue deleted file mode 100644 index 5d8fcb9c96..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Shortcode_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Shortcode_List_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Shortcode_List_Field_Theme_Butterfly.vue deleted file mode 100644 index 472efc350c..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Shortcode_List_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,46 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Tab_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Tab_Field_Theme_Butterfly.vue deleted file mode 100644 index 5e68f5abcb..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Tab_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,85 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Text_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Text_Field_Theme_Butterfly.vue deleted file mode 100644 index d314ef3174..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Text_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,43 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Textarea_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Textarea_Field_Theme_Butterfly.vue deleted file mode 100644 index e7f15bf315..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Textarea_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,36 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Toggle_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Toggle_Field_Theme_Butterfly.vue deleted file mode 100644 index 8e7b6a3f03..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/Toggle_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,54 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/WP_Media_Picker_Field_Theme_Butterfly.vue b/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/WP_Media_Picker_Field_Theme_Butterfly.vue deleted file mode 100644 index f93d52a9ba..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/butterfly/WP_Media_Picker_Field_Theme_Butterfly.vue +++ /dev/null @@ -1,52 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Ajax_Action_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Ajax_Action_Field_Theme_Default.vue deleted file mode 100644 index cc3f13ff7b..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Ajax_Action_Field_Theme_Default.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Checkbox_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Checkbox_Field_Theme_Default.vue deleted file mode 100644 index 30f78b7528..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Checkbox_Field_Theme_Default.vue +++ /dev/null @@ -1,43 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Color_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Color_Field_Theme_Default.vue deleted file mode 100644 index 41cd7fdfba..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Color_Field_Theme_Default.vue +++ /dev/null @@ -1,52 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Export_Data_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Export_Data_Field_Theme_Default.vue deleted file mode 100644 index 413028ddb2..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Export_Data_Field_Theme_Default.vue +++ /dev/null @@ -1,24 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Export_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Export_Field_Theme_Default.vue deleted file mode 100644 index aa51dcd735..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Export_Field_Theme_Default.vue +++ /dev/null @@ -1,29 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Import_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Import_Field_Theme_Default.vue deleted file mode 100644 index 9507ecfaae..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Import_Field_Theme_Default.vue +++ /dev/null @@ -1,30 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Note_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Note_Field_Theme_Default.vue deleted file mode 100644 index 9a5cb98632..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Note_Field_Theme_Default.vue +++ /dev/null @@ -1,22 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Radio_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Radio_Field_Theme_Default.vue deleted file mode 100644 index 2a2705a547..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Radio_Field_Theme_Default.vue +++ /dev/null @@ -1,57 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Range_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Range_Field_Theme_Default.vue deleted file mode 100644 index 5d1cd12ebb..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Range_Field_Theme_Default.vue +++ /dev/null @@ -1,53 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Restore_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Restore_Field_Theme_Default.vue deleted file mode 100644 index 5f2d93c0dc..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Restore_Field_Theme_Default.vue +++ /dev/null @@ -1,29 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Select_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Select_Field_Theme_Default.vue deleted file mode 100644 index f70fb3842f..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Select_Field_Theme_Default.vue +++ /dev/null @@ -1,54 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Shortcode_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Shortcode_Field_Theme_Default.vue deleted file mode 100644 index 82423ced4b..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Shortcode_Field_Theme_Default.vue +++ /dev/null @@ -1,22 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Shortcode_List_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Shortcode_List_Field_Theme_Default.vue deleted file mode 100644 index 7bed2bcdff..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Shortcode_List_Field_Theme_Default.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Tab_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Tab_Field_Theme_Default.vue deleted file mode 100644 index d1c06b9987..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Tab_Field_Theme_Default.vue +++ /dev/null @@ -1,54 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Text_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Text_Field_Theme_Default.vue deleted file mode 100644 index 670e40daf4..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Text_Field_Theme_Default.vue +++ /dev/null @@ -1,45 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Textarea_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Textarea_Field_Theme_Default.vue deleted file mode 100644 index 2969b7ec53..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Textarea_Field_Theme_Default.vue +++ /dev/null @@ -1,125 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/Toggle_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/Toggle_Field_Theme_Default.vue deleted file mode 100644 index c8b31581ad..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/Toggle_Field_Theme_Default.vue +++ /dev/null @@ -1,50 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/src/js/admin/vue/modules/form-fields/themes/default/WP_Media_Picker_Field_Theme_Default.vue b/assets/src/js/admin/vue/modules/form-fields/themes/default/WP_Media_Picker_Field_Theme_Default.vue deleted file mode 100644 index 5765d3b3de..0000000000 --- a/assets/src/js/admin/vue/modules/form-fields/themes/default/WP_Media_Picker_Field_Theme_Default.vue +++ /dev/null @@ -1,81 +0,0 @@ - - - diff --git a/assets/src/js/admin/vue/store/CPT_Manager_Store.js b/assets/src/js/admin/vue/store/CPT_Manager_Store.js deleted file mode 100644 index 3074bbc66e..0000000000 --- a/assets/src/js/admin/vue/store/CPT_Manager_Store.js +++ /dev/null @@ -1,233 +0,0 @@ -import Vue from 'vue'; -import Vuex from 'vuex'; - -Vue.use(Vuex) - -export default new Vuex.Store({ - // state - state: { - active_nav_index: 0, - is_saving: false, - fields: {}, - layouts: {}, - options: {}, - cachedOptions: {}, - config: {}, - highlighted_field_key: '', - metaKeys: {}, - deprecatedMetaKeys: [], - sidebarNavigation: {}, - cached_fields: {}, - }, - - // mutations - mutations: { - prepareNav: ( state ) => { - let menu_count = 0; - - let prepare_section_fields = function( args ) { - let sections = args.sections; - let menu_key = args.menu_key; - let submenu_key = ( args.submenu_key ) ? args.submenu_key : ''; - - - for ( let section_key in sections ) { - if ( sections[ section_key ].fields ) { - for ( let field_key of sections[ section_key ].fields ) { - if ( ! state.cached_fields[ field_key ] ) { continue; } - let hash = menu_key; - - if ( submenu_key ) { - hash = hash + '__' + submenu_key; - } - - hash = hash + '__' + section_key + '__' + field_key; - - state.cached_fields[ field_key ].layout_path = { - menu_key: menu_key, - submenu_key: submenu_key, - section_key: section_key, - field_key: field_key, - hash: hash - }; - } - } - } - }; - - - for ( let menu_key in state.layouts ) { - let status = ( 0 === menu_count ) ? true : false; - Vue.set( state.layouts[ menu_key ], 'active', status ); - - if ( state.layouts[ menu_key ].sections ) { - prepare_section_fields({ - menu_key: menu_key, - sections: state.layouts[ menu_key ].sections, - }); - } - - if ( state.layouts[ menu_key ].submenu ) { - let submenu_count = 0; - for ( let submenu_key in state.layouts[ menu_key ].submenu ) { - - let status = ( 0 === menu_count && 0 === submenu_count ) ? true : false; - Vue.set( state.layouts[ menu_key ].submenu[ submenu_key ], 'active', status ); - submenu_count++; - - if ( state.layouts[ menu_key ].submenu[ submenu_key ].sections ) { - prepare_section_fields({ - menu_key: menu_key, - submenu_key: submenu_key, - sections: state.layouts[ menu_key ].submenu[ submenu_key ].sections - }); - } - } - } - - menu_count++; - } - }, - - cacheFieldsData: ( state ) => { - state.cached_fields = JSON.parse( JSON.stringify( state.fields ) ); - }, - - resetHighlightedFieldKey: ( state ) => { - state.highlighted_field_key = ''; - }, - - updateCachedFieldData: ( state, payload ) => { - state.cached_fields[ payload.key ].value = payload.value; - }, - - swichToNav( state, payload ) { - let menu_key = payload.menu_key; - let submenu_key = payload.submenu_key; - - state.highlighted_field_key = ''; - - const highlight_active_field = function( hash ) { - - let hash_paths = hash.split( '__' ); - let index = hash_paths.length - 1; - let field_key = hash_paths[ index ]; - - if ( ! state.cached_fields[ field_key ] ) { return; } - - state.highlighted_field_key = field_key; - }; - - if ( ! state.layouts[ menu_key ] ) { return; } - - // Active Top Menu - for ( let menu in state.layouts ) { - Vue.set( state.layouts[ menu ], 'active', false ); - } - - Vue.set( state.layouts[ menu_key ], 'active', true ); - - // Active Sub Menu - if ( ! submenu_key && state.layouts[ menu_key ].submenu ) { - let submenu_keys = Object.keys( state.layouts[ menu_key ].submenu ); - submenu_key = ( Array.isArray( submenu_keys ) ) ? submenu_keys[0] : null; - } - - let hash = ( payload.hash ) ? '#' + payload.hash : '#' + menu_key; - - if ( ! submenu_key ) { - window.location.hash = hash; - highlight_active_field( hash, submenu_key ); - return; - } - - - for ( let submenu in state.layouts[ menu_key ].submenu ) { - Vue.set( state.layouts[ menu_key ].submenu[ submenu ], 'active', false ); - } - - Vue.set( state.layouts[ menu_key ].submenu[ submenu_key ], 'active', true ); - hash = ( payload.hash ) ? '#' + payload.hash : '#' + menu_key + '__' + submenu_key; - - highlight_active_field( hash ); - - window.location.hash = hash; - }, - - swichNav: ( state, index ) => { - state.active_nav_index = index; - }, - - setMetaKey: ( state, payload ) => { - Vue.set( state.metaKeys, payload.key, payload.value ); - }, - - removeMetaKey: ( state, payload ) => { - Vue.delete( state.metaKeys, payload.key ); - }, - - updateOptionsField: ( state, payload ) => { - state.options[ payload.field ].value = payload.value; - }, - - updateFields: ( state, value ) => { - state.fields = value; - }, - - updatelayouts: ( state, value ) => { - state.layouts = value; - }, - - updateIsSaving: ( state, value ) => { - state.is_saving = value; - }, - - updateCachedFields: ( state ) => { - state.cached_fields = JSON.parse( JSON.stringify( state.fields ) ); - }, - - updateOptions: ( state, value ) => { - state.options = value; - }, - - updateConfig: ( state, value ) => { - state.config = value; - }, - - updateFormFields: ( state, value ) => { - state.form_fields = value; - }, - - updateFieldValue: ( state, payload ) => { - Vue.set( state.fields[ payload.field_key ], 'value' , payload.value ); - }, - - updateFieldData: ( state, payload ) => { - Vue.set( state.fields[ payload.field_key ], payload.option_key , payload.value ); - }, - - updateGeneralSectionData: ( state, payload ) => { - state.layouts.general.submenu.general.sections[ payload.section_key ].fields[ payload.field_key ].value = payload.value; - }, - - importFields: ( state, importing_fields ) => { - for ( let field_key in importing_fields ) { - if ( typeof importing_fields[ field_key ] === 'undefined' ) { continue; } - - Vue.set( state.fields[ field_key ], 'value' , importing_fields[ field_key ] ); - } - }, - }, - - getters: { - getFieldsValue: state => { - let form_data = {}; - for ( let field in state.fields ) { - form_data[ field ] = state.fields[ field ].value - } - - return form_data; - } - } - -}); diff --git a/assets/src/js/global/add-listing.js b/assets/src/js/global/add-listing.js deleted file mode 100644 index 891f95a06d..0000000000 --- a/assets/src/js/global/add-listing.js +++ /dev/null @@ -1,1205 +0,0 @@ -// General Components -// import { cacheCategoryCustomFields, getCategoryCustomFieldsCache } from '../global/components/cache-category-custom-fields'; -// import loadCategoryCustomFields from '../global/components/load-category-custom-fields'; -import '../global/components/setup-select2'; -import { directoristRequestHeaders } from '../helper'; -import '../public/components/colorPicker'; -import '../public/components/directoristDropdown'; -import '../public/components/directoristSelect'; -import debounce from './components/debounce'; - -/* eslint-disable */ -const $ = jQuery; -const localized_data = directorist.add_listing_data; - -function getWrapper() { - return ( localized_data.is_admin ? '#post' : '#directorist-add-listing-form' ); -} - -function initColorField() { - const $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( /[?]/ ) ? `${url}&${queryString}` : `${url}?${queryString}`; -} - -function scrollTo(selector) { - document.querySelector(selector)?.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((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) { - const social_wrap = $('#social_info_sortable_container'); // cache it - const currentItems = $('.directorist-form-social-fields').length; - const ID = `id=${currentItems}`; // eg. 'id=3' - const iconBindingElement = jQuery('#addNewSocial'); - - // arrange names ID in order before adding new elements - $('.directorist-form-social-fields').each(function (index, element) { - const e = $(element); - e.attr('id', `socialID-${index}`); - e.find('select').attr('name', `social[${index}][id]`); - e.find('.atbdp_social_input').attr('name', `social[${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(() => { - let socialSelect = this.parentElement.querySelectorAll('.directorist-form-social-fields select'); - socialSelect.forEach(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) { - const id = $(this).data('id'); - const elementToRemove = $(`div#socialID-${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) { - const e = $(element); - e.attr('id', `socialID-${index}`); - e.find('select').attr('name', `social[${index}][id]`); - e.find('.atbdp_social_input').attr( - 'name', - `social[${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) { - let data; - if (ActionName) data = `action=${ActionName}`; - if (arg) data = `${arg}&action=${ActionName}`; - if (arg && !ActionName) data = arg; - // data = data ; - - const n = data.search(localized_data.nonceName); - - if (n < 0) { - const nonce = ( typeof directorist !== 'undefined' ) ? directorist.directorist_nonce : directorist_admin.directorist_nonce; - data = `${data}&${'directorist_nonce'}=${nonce}`; - } - - jQuery.ajax({ - type: 'post', - url: localized_data.ajaxurl, - data, - beforeSend() { - jQuery("").insertAfter( - ElementToShowLoadingIconAfter - ); - }, - 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 $(`#${$(`[for="${typeId}"]`).data('option')}`); - } - - $( '.directorist-form-pricing-field__options' ).on( 'change', 'input', function() { - const $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(); - - const $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' ); - } - } - - const has_tagline = $('#has_tagline').val(); - const 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" - const qs = (function (a) { - if (a == '') return {}; - const b = {}; - for (let i = 0; i < a.length; ++i) { - const 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 ( typeof localized_data?.category_custom_field_relations !== 'object' ) { - return; - } - - let categoryIds = []; - let directoryId = 0; - const fieldsMap = localized_data.category_custom_field_relations; - const 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; - } - - const $selectedCategories = $( categoryInputSelector ); - if ( $selectedCategories.length ) { - categoryIds = $selectedCategories.toArray().map( el => Number( el.value ) ); - } - - let $watchableSections = { hide: new Set(), show: new Set() }; - categoryIds = new Set( categoryIds ); - - for ( const [ fieldKey, categoryId ] of Object.entries( fieldsMap[ directoryId ] ) ) { - const $input = $( fieldKey.includes( 'checkbox' ) ? `[name="${fieldKey}[]"]` : `[name="${fieldKey}"]` ); - const $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 ) { - for ( const visible of $watchableSections.show ) { - const $visible = $( visible ); - - $visible.removeAttr('style') - $visible.find('.directorist-content-module__title').show(); - $visible.find('.directorist-content-module__contents').show() - - $(`a[href="#${$visible.attr('id')}"]`).show(); - } - } - - if ( $watchableSections.hide.size ) { - for ( const hidable of $watchableSections.hide ) { - const $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="#${$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="#${$hidable.attr('id')}"]`).hide(); - } - } - } - } - - 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', () => { - renderCategoryCustomFields(); - // cacheCategoryCustomFields(); - } ); - - // Render category based fields on category change (backend) - $( '#at_biz_dir-categorychecklist' ).on( 'change', () => { - 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', () => { - $( '#at_biz_dir-categories' ).trigger( 'change' ); - } ); - } else { - $( '#at_biz_dir-categories' ).trigger( 'change' ); - } - } - - function atbdp_element_value(element) { - const field = $(element); - if (field.length) { - return field.val(); - } - } - - let mediaUploaders = []; - if (localized_data.media_uploader) { - for (let uploader of localized_data.media_uploader) { - if ($('.' + uploader.element_id).length) { - const EzUploader = new EzMediaUploader({ - containerClass: uploader.element_id, - }); - - mediaUploaders.push({ - media_uploader: EzUploader, - uploaders_data: uploader, - }); - - EzUploader.init(); - // mediaUploaders[i].media_uploader.init(); - } - } - } - - let on_processing = false; - let has_media = true; - let quickLoginModalSuccessCallback = null; - const $notification = $('#listing_notifier'); - - // ----------------------------- - // Submit The Form - // ----------------------------- - - $('body').on('submit', '#directorist-add-listing-form', function (e) { - e.preventDefault(); - - const $form = $(e.target); - let error_count = 0; - const err_log = {}; - const $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 - let selectedImages = []; - let uploadedImages = []; - - if (mediaUploaders.length) { - for (var uploader of mediaUploaders) { - 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 ) { - let counter = 0; - - function uploadImage() { - const 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() { - disableSubmitButton(); - - const totalImages = selectedImages.length; - if ( totalImages === 1 ) { - $notification - .show() - .html(`${localized_data.i18n_text.image_uploading_msg}`); - } else { - const completedPercent = Math.ceil( ( ( counter === 0 ? 1 : counter ) * 100 ) / totalImages ); - $notification - .show() - .html(`${localized_data.i18n_text.image_uploading_msg} (${completedPercent}%)`); - } - }, - success( response ) { - if ( ! response.success ) { - enableSubmitButton() - - $notification.show().html(`${response.data}`); - - return; - } - - uploadedImages.push( { - field: selectedImages[ counter ].field, - file: response.data - } ); - - counter++; - - if ( counter < selectedImages.length ) { - uploadImage(); - } else { - submitForm( $form, uploadedImages ); - } - }, - error(response) { - enableSubmitButton(); - - $notification.html(`${response.responseJSON.data}`); - } - } ); - } - - if ( uploadedImages.length === selectedImages.length ) { - submitForm( $form, uploadedImages ); - } else { - uploadImage(); - } - } else { - submitForm( $form ); - } - - function submitForm( $form, uploadedImages = [] ) { - var error_count = 0; - var err_log = {}; - let form_data = new FormData(); - - form_data.append('action', 'add_listing_action'); - form_data.append('directorist_nonce', directorist.directorist_nonce); - - disableSubmitButton(); - - const fieldValuePairs = $form.serializeArray(); - - // Append Form Fields Values - for ( const field of fieldValuePairs ) { - form_data.append( field.name, field.value ); - } - - // Upload existing image - if ( mediaUploaders.length ) { - for ( let uploader of mediaUploaders ) { - if ( ! uploader.media_uploader || $(uploader.media_uploader.container).parents('form').get(0) !== $form.get(0) ) { - continue; - } - - if ( uploader.media_uploader.hasValidFiles() ) { - uploader.media_uploader.getFilesMeta().forEach( function( file_meta ) { - if ( file_meta.attachmentID ) { - form_data.append(`${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); - } - } - } - } - - // Upload new image - if ( uploadedImages.length ) { - uploadedImages.forEach( function( image ) { - form_data.append(`${image.field}[]`, image.file); - } ); - } - - // categories - const categories = $form.find('#at_biz_dir-categories').val(); - if ( Array.isArray( categories ) && categories.length ) { - for ( let 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: directoristRequestHeaders(), - beforeSend() { - disableSubmitButton(); - - $notification - .show() - .html(`${localized_data.i18n_text.submission_wait_msg}`); - }, - success(response) { - var redirect_url = ( response && response.redirect_url ) ? response.redirect_url : ''; - redirect_url = ( redirect_url && typeof redirect_url === 'string' ) ? response.redirect_url.replace( /:\/\//g, '%3A%2F%2F' ) : ''; - - if (response.error === true) { - enableSubmitButton(); - - $notification.show().html(`${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($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(`${response.success_msg}`); - - window.location.href = joinQueryString( response.preview_url, `preview=1&redirect=${redirect_url}` ); - - } else { - $notification - .show() - .html(`${response.success_msg}`); - if (qs.redirect) { - window.location.href = joinQueryString( response.preview_url, `post_id=${response.id}&preview=1&payment=1&edited=1&redirect=${qs.redirect}` ); - } else { - window.location.href = joinQueryString( response.preview_url, `preview=1&edited=1&redirect=${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=${redirect_url}` ); - } else { - const is_edited = response.edited_listing ? `listing_id=${response.id}&edited=1` : ''; - - if (response.need_payment === true) { - $notification.show().html(`${response.success_msg}`); - window.location.href = decodeURIComponent(redirect_url); - } else { - $notification.show().html(`${response.success_msg}`); - window.location.href = joinQueryString( decodeURIComponent( response.redirect_url ), is_edited ); - } - } - } - }, - 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((index, element) => { - let fieldWrapper = $(element).closest('.directorist-custom-field-checkbox, .directorist-custom-field-radio'); - let 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(); - let fieldWrapper = $(this).closest('.directorist-custom-field-checkbox, .directorist-custom-field-radio'); - let 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(); - - const $form = $( $(this).data('form') ); - let $feedback = $form.find('.directorist-modal-alerts-area'); - $feedback = $feedback.length ? $feedback : $form.find('.directorist-form-feedback'); - const $email = $form.find('input[name="email"]'); - const $password = $form.find('input[name="password"]'); - const $token = $form.find('input[name="directorist-quick-login-security"]'); - const $submit_button = $(this); - const submit_button_html = $submit_button.html(); - - const 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 () { - $feedback.html(''); - $submit_button.prop('disabled', true); - $submit_button.prepend(' '); - }, - success: function (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); - } - - regenerate_and_update_nonce(); - } else { - var msg = '
    ' + response.message + '
    '; - - $feedback.html(msg); - $submit_button.prop('disabled', false); - } - }, - error: function (error) { - console.log({ - error - }); - - $submit_button.prop('disabled', false); - $submit_button.html(submit_button_html); - }, - }); - }); - - function addSticky() { - $(window).scroll( debounce( 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() { - let defaultAddListing = document.querySelector('.multistep-wizard.default-add-listing'); - if(!defaultAddListing) { - let totalStep = document.querySelectorAll('.multistep-wizard .multistep-wizard__nav__btn'); - let totalWizard = document.querySelectorAll('.multistep-wizard .multistep-wizard__single'); - let totalWizardCount = document.querySelector('.multistep-wizard .multistep-wizard__count__total'); - let currentWizardCount = document.querySelector('.multistep-wizard .multistep-wizard__count__current'); - let progressWidth = document.querySelector('.multistep-wizard .multistep-wizard__progressbar__width'); - - let stepCount = 1; - - let 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')) { - let 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 - let nextBtn = document.querySelector('.multistep-wizard__btn--next'); - let previewBtn = document.querySelector('.multistep-wizard__btn--save-preview'); - let 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() { - const 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", () => { - if (navLinks.length > 0) { - navLinks[0].classList.add("active"); - } - }); - - // Function to determine which section is currently in view - function getCurrentSectionInView() { - let currentSection = null; - const sections = document.querySelectorAll(".default-add-listing .multistep-wizard__content .multistep-wizard__single"); - - if(sections) { - sections.forEach(section => { - const 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() { - const currentSection = getCurrentSectionInView(); - if ( currentSection == null) { - navLinks[0].classList.add("active"); - } else { - if(navLinks[0].classList.contains("active")){ - navLinks[0].classList.remove("active"); - } - navLinks.forEach((link) => { - if (link.getAttribute("href") === `#${currentSection}`) { - link.classList.add("active"); - } else { - link.classList.remove("active"); - } - }); - } - } - - // Function to scroll smoothly to the target section - function smoothScroll(targetSection, scrollDuration = 1000) { - const targetElement = document.getElementById(targetSection); - if (!targetElement) return; - - const targetPosition = targetElement.getBoundingClientRect().top + window.scrollY; - const startPosition = window.scrollY; - const scrollDistance = targetPosition - startPosition; - let startTime = null; - - function scrollAnimation(currentTime) { - if (startTime === null) startTime = currentTime; - const timeElapsed = currentTime - startTime; - const 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((link) => { - link.addEventListener("click", function (e) { - e.preventDefault(); - const 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(); - - let 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 regenerate_and_update_nonce() { - $.ajax({ - type: 'POST', - url: localized_data.ajaxurl, - data: { - action: 'directorist_generate_nonce' - }, - success: function (response) { - if (response.success) { - window.directorist.directorist_nonce = response.data.directorist_nonce - } - } - }); -} diff --git a/assets/src/js/global/components/cache-category-custom-fields.js b/assets/src/js/global/components/cache-category-custom-fields.js deleted file mode 100644 index 6457f360b4..0000000000 --- a/assets/src/js/global/components/cache-category-custom-fields.js +++ /dev/null @@ -1,18 +0,0 @@ -let cache = {}; - -export function cacheCategoryCustomFields() { - const customFields = document.querySelectorAll( '.atbdp_category_custom_fields .directorist-form-element' ); - const checksField = document.querySelectorAll( '.atbdp_category_custom_fields .directorist-form-checks' ); - - if ( customFields.length ) { - customFields.forEach( el => cache[ el.getAttribute('data-id') ] = el.value ); - } - - if ( checksField.length ) { - checksField.forEach( el => cache[ el.getAttribute('data-id') ] = el.checked ); - } -} - -export function getCategoryCustomFieldsCache() { - return cache; -} diff --git a/assets/src/js/global/components/debounce.js b/assets/src/js/global/components/debounce.js deleted file mode 100644 index ae411ac489..0000000000 --- a/assets/src/js/global/components/debounce.js +++ /dev/null @@ -1,14 +0,0 @@ -export default function debounce(func, wait, immediate) { - var timeout; - return function() { - var context = this, args = arguments; - var later = function() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -}; diff --git a/assets/src/js/global/components/load-category-custom-fields.js b/assets/src/js/global/components/load-category-custom-fields.js deleted file mode 100644 index 92011e1138..0000000000 --- a/assets/src/js/global/components/load-category-custom-fields.js +++ /dev/null @@ -1,30 +0,0 @@ -export default function loadCategoryCustomFields( args = { - directoryId: null, - listingId: null, - categoryIds: null, - onBeforeSending: null, - onSuccess: null -} ) { - const { - directoryId: directory_id, - listingId: listing_id, - categoryIds: category_ids, - onBeforeSending, - onSuccess - } = args; - - const payload = { - action: 'directorist_load_category_custom_fields', - directorist_nonce: directorist.directorist_nonce, - listing_id, - category_ids, - directory_id - }; - - return jQuery.ajax( { - method: 'POST', - url: directorist.add_listing_data.ajaxurl, - data: payload, - beforeSend: onBeforeSending, - } ).done( onSuccess ); -} diff --git a/assets/src/js/global/components/modal.js b/assets/src/js/global/components/modal.js deleted file mode 100644 index 2618678b43..0000000000 --- a/assets/src/js/global/components/modal.js +++ /dev/null @@ -1,42 +0,0 @@ - -const $ = 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 - let 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(`.${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'); - } - }); - -} - - diff --git a/assets/src/js/global/components/select2-custom-control.js b/assets/src/js/global/components/select2-custom-control.js deleted file mode 100644 index 787c9e24bc..0000000000 --- a/assets/src/js/global/components/select2-custom-control.js +++ /dev/null @@ -1,212 +0,0 @@ -const $ = 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)); - - let selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(item => { - item.childNodes && item.childNodes.forEach(node => { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - let originalString = node.textContent; - let modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }) - - let customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(node => { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - let originalString = node.textContent; - let modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} - -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - 'display': 'none' - }); - - const addon_container = selec2_get_addon_container( '.select2-hidden-accessible' ); - - if ( ! addon_container ) { - return; - } - - const dropdown = addon_container.find( '.directorist-select2-dropdown-toggle' ); - - if ( ! dropdown.length ) { - // Add Dropdown Toggle Button - let iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - let iconHTML = directorist.icon_markup.replace( '##URL##', iconURL ).replace( '##CLASS##', '' ); - const dropdownHTML = `${iconHTML}`; - addon_container.append( dropdownHTML ); - } - - const selec2_custom_dropdown = addon_container.find( '.directorist-select2-dropdown-toggle' ); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - let dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - - $('.select2-hidden-accessible').on('select2:close', function (e) { - let dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - - let dropdownParent = $(this).closest('.directorist-search-field'); - let 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) { - let isOpen = $(this).hasClass('--is-open'); - let 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; - } - - for ( var field of select2_fields ) { - var value = $( field ).children( 'option:selected' ).val(); - - if ( ! value ) { continue; } - - selec2_add_custom_close_button( field ); - } -} - -function selec2_add_custom_close_button(field) { - // Remove Default - $( '.select2-selection__clear' ).css({ 'display': 'none' }); - - const 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 - let iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - let iconHTML = directorist.icon_markup.replace( '##URL##', iconURL ).replace( '##CLASS##', '' ); - addon_container.prepend( `${iconHTML}` ); - const selec2_custom_close = addon_container.find( '.directorist-select2-dropdown-close' ); - - selec2_custom_close.on( 'click', function( e ) { - const 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) { - const 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; - } - - const 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() { - let container = $( '.select2-container' ).find( '.directorist-select2-addons-area' ); - - if (!container.length) { - return; - } - - let width = container.outerWidth(); - - $( '.select2-container' ).find( '.select2-selection__rendered' ).css({ - 'padding-right': width + 'px', - }); -} \ No newline at end of file diff --git a/assets/src/js/global/components/setup-select2.js b/assets/src/js/global/components/setup-select2.js deleted file mode 100644 index a946ddbe5b..0000000000 --- a/assets/src/js/global/components/setup-select2.js +++ /dev/null @@ -1,279 +0,0 @@ -import { - convertToSelect2 -} from './../../lib/helper'; -import './select2-custom-control'; - -const $ = jQuery; - -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - const 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( selector => convertToSelect2( selector ) ); - - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - const restBase = `${directorist.rest_url}directorist/v1`; - - maybeLazyLoadCategories( { - selector: '.directorist-search-category select', - url : `${restBase}/listings/categories`, - } ); - - maybeLazyLoadCategories( { - selector: '.directorist-form-categories-field select', - url : `${restBase}/listings/categories`, - } ); - - maybeLazyLoadLocations( { - selector: '.directorist-search-location select', - url : `${restBase}/listings/locations`, - } ); - - maybeLazyLoadLocations( { - selector: '.directorist-form-location-field select', - url : `${restBase}/listings/locations`, - } ); - - maybeLazyLoadTags( { - selector: '.directorist-form-tag-field select', - url : `${restBase}/listings/tags`, - } ); -} - -function maybeLazyLoadCategories( args ) { - maybeLazyLoadTaxonomyTermsSelect2( { ...{ taxonomy: 'categories' }, ...args } ); -} - -function maybeLazyLoadLocations( args ) { - maybeLazyLoadTaxonomyTermsSelect2( { ...{ taxonomy: 'locations' }, ...args } ); -} - -function maybeLazyLoadTags( args ) { - maybeLazyLoadTaxonomyTermsSelect2( { ...{ taxonomy: 'tags' }, ...args } ); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2( args ) { - const defaults = { - selector: '', - url : '', - taxonomy: 'tags' - }; - - args = { ...defaults, ...args }; - - if ( ! args.selector ) { - return; - } - - const $el = $( args.selector ); - const $addListing = $el.closest( '.directorist-add-listing-form' ); - const canCreate = $el.data( 'allow_new' ); - const maxLength = $el.data( 'max' ); - let directoryId = 0; - - if ( args.taxonomy !== 'tags' ) { - const $searchForm = $el.closest( '.directorist-search-form' ); - const $archivePage = $el.closest( '.directorist-archive-contents' ); - const $directory = $addListing.find( 'input[name="directory_type"]' ); - let $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 ); - } - } - - let currentPage = 1; - - const select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function( text ) { - return text; - }, - templateResult: function (data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - const iconURI = $(data.element).attr('data-icon'); - - // Get the original text - let originalText = data.text; - - // Match and count leading spaces - const leadingSpaces = originalText.match(/^\s+/); - const spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - const iconElm = iconURI ? - `` : - ''; - - // Prepare the combined text (icon + text) - const combinedText = iconElm + originalText; - - // Create the state container - const $state = $('
    '); - - // Determine the level based on space count - let 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 (params) { - currentPage = params.page || 1; - - let 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( data ) { - return { - results: data.items, - pagination: { more: data.paginationMore } - }; - }, - - transport: function ( params, success, failure ) { - const $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( item => { - let text = item.name; - - if ( ! $addListing.length && params.data.search ) { - text = `${item.name} (${item.count})` - } - - return { - id: item.id, - text, - }; - } ); - - return { - items, - 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; - } - - const selectedIds = `${selectedId}`.split( ',' ); - const selectedLabels = selectedLabel ? `${selectedLabel}`.split( ',' ) : []; - - selectedIds.forEach( ( id, index ) => { - const 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' ) ); - } -} diff --git a/assets/src/js/global/components/tabs.js b/assets/src/js/global/components/tabs.js deleted file mode 100644 index 2001d36e08..0000000000 --- a/assets/src/js/global/components/tabs.js +++ /dev/null @@ -1,97 +0,0 @@ -document.addEventListener( 'load', init, false ); - -function Tasks() { - return { - init: function() { - this.initToggleTabLinks(); - }, - - initToggleTabLinks: function() { - const links = document.querySelectorAll( '.directorist-toggle-tab' ); - - if ( ! links ) { - return; - } - - const self = this; - - [ ...links ].forEach( item => { - item.addEventListener( 'click', function( event ) { - self.handleToggleTabLinksEvent( item, event ) - }); - }); - - }, - - handleToggleTabLinksEvent: function( item, event ) { - event.preventDefault(); - - const navContainerClass = item.getAttribute( 'data-nav-container' ); - const tabContainerClass = item.getAttribute( 'data-tab-container' ); - const tabClass = item.getAttribute( 'data-tab' ); - - if ( ! navContainerClass || ! tabContainerClass || ! tabClass ) { - return; - } - - const navContainer = item.closest( '.' + navContainerClass ); - const tabContainer = document.querySelector( '.' + tabContainerClass ); - - if ( ! navContainer || ! tabContainer ) { - return; - } - - const tab = tabContainer.querySelector( '.' + tabClass ); - - if ( ! tab ) { - return; - } - - // Remove Active Class - const removeActiveClass = item => { - item.classList.remove( '--is-active' ); - }; - - // Toggle Nav - const activeNavItems = navContainer.querySelectorAll( '.--is-active' ); - - if ( activeNavItems ) { - [ ...activeNavItems ].forEach( removeActiveClass ); - } - - item.classList.add( '--is-active' ); - - // Toggle Tab - const activeTabItems = tabContainer.querySelectorAll( '.--is-active' ); - - if ( activeTabItems ) { - [ ...activeTabItems ].forEach( removeActiveClass ); - } - - tab.classList.add( '--is-active' ); - - // Update Query Var - const queryVarKey = item.getAttribute( 'data-query-var-key' ); - const queryVarValue = item.getAttribute( 'data-query-var-value' ); - - if ( ! queryVarKey || ! queryVarValue ) { - return; - } - - this.addQueryParam( queryVarKey, queryVarValue ); - }, - - addQueryParam: ( key, value ) => { - const url = new URL( window.location.href ); - - url.searchParams.set( key, value ); - window.history.pushState( {}, '', url.toString() ); - } - }; -} - - -function init() { - const tasks = new Tasks(); - tasks.init(); -} \ No newline at end of file diff --git a/assets/src/js/global/components/utility.js b/assets/src/js/global/components/utility.js deleted file mode 100644 index fab155ae20..0000000000 --- a/assets/src/js/global/components/utility.js +++ /dev/null @@ -1,25 +0,0 @@ -window.addEventListener('load', () => { - 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(); - let target_class = $(this).data('target'); - $('.' + target_class).toggleClass('active'); - }); - - // Change label on file select/change - $('.cptm-file-field').on('change', function (e) { - let target_id = $(this).attr('id'); - $('label[for=' + target_id + ']').text('Change'); - }); -}); \ No newline at end of file diff --git a/assets/src/js/global/directorist-plupload.js b/assets/src/js/global/directorist-plupload.js deleted file mode 100644 index c28b1e37a6..0000000000 --- a/assets/src/js/global/directorist-plupload.js +++ /dev/null @@ -1,441 +0,0 @@ -import { - get_dom_data -} from './../lib/helper'; - -jQuery.fn.exists = function () { - return jQuery(this).length > 0; -} -var atbdp_plupload_params = get_dom_data('atbdp_plupload_params'); -var atbdp_params = get_dom_data('atbdp_params'); -const $ = jQuery; - -// Init -if (atbdp_plupload_params) { - jQuery(document).ready(init); - window.addEventListener('directorist-reload-plupload', init); -} - - -function init() { - atbdp_plupload_params = get_dom_data('atbdp_plupload_params'); - atbdp_params = get_dom_data('atbdp_params'); - - if ($(".plupload-upload-uic").exists()) { - let 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) { - const $this = $(this); - const imgId = $this.attr("id").replace("plupload-upload-ui", ""); - const $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) { - let 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 - - 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; - } - - //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 = ''; - - // 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 = ''; - } - - let iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/trash-alt.svg'; - let 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 (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"); - - 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'); -} \ No newline at end of file diff --git a/assets/src/js/global/global.js b/assets/src/js/global/global.js deleted file mode 100644 index 02bfb8d6e6..0000000000 --- a/assets/src/js/global/global.js +++ /dev/null @@ -1,6 +0,0 @@ -import './components/modal'; -import './components/select2-custom-control'; -import './components/setup-select2'; -import './components/tabs'; -import './components/utility'; - diff --git a/assets/src/js/global/map-scripts/add-listing/google-map.js b/assets/src/js/global/map-scripts/add-listing/google-map.js deleted file mode 100644 index 551516f8aa..0000000000 --- a/assets/src/js/global/map-scripts/add-listing/google-map.js +++ /dev/null @@ -1,268 +0,0 @@ -/* Add listing google map */ - -import { - get_dom_data -} from './../../../lib/helper'; - -var $ = jQuery; - -// Add Listing Map Initialize -export function initAddListingMap() { - if (typeof google === "undefined" || !google.maps || !google.maps.Geocoder) { - return; - } - - if ($('#gmap').length) { - var localized_data = get_dom_data('map_data'); - - // initialize all vars here to avoid hoisting related misunderstanding. - let map; - let autocomplete; - let address_input; - let markers; - let $manual_lat; - let $manual_lng; - let saved_lat_lng; - - // Localized Data - const loc_default_latitude = parseFloat(localized_data.default_latitude); - const loc_default_longitude = parseFloat(localized_data.default_longitude); - let loc_manual_lat = parseFloat(localized_data.manual_lat); - let loc_manual_lng = parseFloat(localized_data.manual_lng); - const loc_map_zoom_level = parseInt(localized_data.map_zoom_level); - - const searchIcon = `` - const 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); - } - - const geocoder = new google.maps.Geocoder(); - - // This function will help to get the current location of the user - function markerDragInit(marker) { - marker.addListener('dragend', (event) => { - // set the value of input field to save them to the database - $manual_lat.val(event.latLng.lat()); - $manual_lng.val(event.latLng.lng()); - - // Regenerate Address - geocodeAddress(geocoder, map); - }); - } - - // 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) { - const geolocation = { - lat: position.coords.latitude, - lng: position.coords.longitude, - }; - const 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 - let opt = { - types: ['geocode'], - componentRestrictions: { - country: directorist.restricted_countries - }, - }; - const 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. - const 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); - const marker = new google.maps.marker.AdvancedMarkerElement({ - 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", - }); - - const marker = new google.maps.marker.AdvancedMarkerElement({ - 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', (event) => { - deleteMarker(); // at first remove previous marker and then set new marker; - // set the value of input field to save them to the database - $manual_lat.val(event.latLng.lat()); - $manual_lng.val(event.latLng.lng()); - - // 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) { - const lat = parseFloat(document.getElementById('manual_lat').value); - const lng = parseFloat(document.getElementById('manual_lng').value); - const latLng = new google.maps.LatLng(lat, lng); - const opt = { - location: latLng, - }; - - geocoder.geocode(opt, function (results, status) { - if (status === 'OK') { - // set the value of input field to save them to the database - $manual_lat.val(results[0].geometry.location.lat()); - $manual_lng.val(results[0].geometry.location.lng()); - resultsMap.setCenter(results[0].geometry.location); - const marker = new google.maps.marker.AdvancedMarkerElement({ - map: resultsMap, - position: results[0].geometry.location, - 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); - - address_input.value = results[0].formatted_address; - - 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. - function addMarker(location, map) { - // Add the marker at the clicked location, and add the next-available label; - - // from the array of alphabetical characters. - const marker = new google.maps.marker.AdvancedMarkerElement({ - 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 (let 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() - } -}); diff --git a/assets/src/js/global/map-scripts/add-listing/openstreet-map.js b/assets/src/js/global/map-scripts/add-listing/openstreet-map.js deleted file mode 100644 index 8691878254..0000000000 --- a/assets/src/js/global/map-scripts/add-listing/openstreet-map.js +++ /dev/null @@ -1,267 +0,0 @@ -/* Add listing OSMap */ - -import debounce from '../../components/debounce'; -import { - get_dom_data -} from './../../../lib/helper'; - -(function ($) { - // Add focus class to the parent field of .directorist-location-js - function addFocusClass(location) { - // Get the parent field of .directorist-location-js - let 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 = 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; - } - - const fontAwesomeIcon = L.divIcon({ - html: `
    ${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=${position.lng}&lat=${position.lat}`, - type: 'GET', - data: {}, - success: function (data) { - $('.directorist-location-js').val(data.display_name); - addFocusClass($('.directorist-location-js')); - }, - error: function () { - $('.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) { - const result_container = $(elm).siblings('.address_result'); - - $(elm).on('keyup', debounce(function (event) { - event.preventDefault(); - - const 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; - } - - const locationAddressField = $(this).parent('.directorist-form-address-field'); - const 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+${search}+%27&format=json`, - type: 'GET', - data: {}, - success: function (data) { - let res = ''; - - for (var i = 0; i < data.length; i++) { - res += `
  • ${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(); - let 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(); - let 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); \ No newline at end of file diff --git a/assets/src/js/global/map-scripts/geolocation-widget.js b/assets/src/js/global/map-scripts/geolocation-widget.js deleted file mode 100644 index d176ceaa76..0000000000 --- a/assets/src/js/global/map-scripts/geolocation-widget.js +++ /dev/null @@ -1,165 +0,0 @@ -(function ($) { - window.addEventListener('load', () => { - - /* - 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"); - - 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 = results[0].formatted_address; - 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+${search}+%27&format=json`, - type: 'GET', - data: {}, - success: function (data) { - //console.log(data); - for (var i = 0; i < data.length; i++) { - res += '
  • ' + data[i].display_name + '
  • ' - } - $('#address_widget_result').html(''); - } - }); - }); - - $('body').on('click', '#address_widget_result ul li a', function (event) { - event.preventDefault(); - let 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=${lng}&lat=${lat}`, - type: 'GET', - data: {}, - success: function (data) { - $('#address_widget').val(data.display_name); - $('#cityLat').val(lat); - $('#cityLng').val(lng); - } - }); - } - - $(".atbd_get_loc_wid").on('click', () => { - navigator.geolocation.getCurrentPosition(displayLocation); - - }) - } - if ($('#address_widget').val() === "") { - $('#address_widget_result').css({ - 'display': 'none' - }); - } - }); -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/global/map-scripts/geolocation.js b/assets/src/js/global/map-scripts/geolocation.js deleted file mode 100644 index bcd37593c7..0000000000 --- a/assets/src/js/global/map-scripts/geolocation.js +++ /dev/null @@ -1,169 +0,0 @@ -window.addEventListener('load', () => { - - // Add focus class to the parent field of .directorist-location-js - function addFocusClass(location) { - // Get the parent field of .directorist-location-js - let 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(() => { - if (directorist.i18n_text.select_listing_map === 'google') { - /* Event Delegation in Vanilla JS */ - function eventDelegation(event, selector, program) { - document.body.addEventListener(event, function (e) { - document.querySelectorAll(selector).forEach(elem => { - if (e.target === elem) { - program(e); - } - }) - }); - } - (function () { - eventDelegation('click', '.directorist-filter-location-icon > i, .directorist-filter-location-icon > span', function (e) { - let locationInput = e.target.closest('.directorist-search-field').querySelector('.location-name'); - let get_lat = e.target.closest('.directorist-search-field').querySelector("#cityLat"); - let 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) { - let geocoder; - geocoder = new google.maps.Geocoder(); - let 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]) { - let add = results[0].formatted_address; - let 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: ${status}`; - } - }); - } - - function displayCurrentLocation(latitude, longitude) { - let geocoder; - geocoder = new google.maps.Geocoder(); - let latlng = new google.maps.LatLng(latitude, longitude); - geocoder.geocode({ - latLng: latlng - }, - function (results, status) { - if (status == google.maps.GeocoderStatus.OK) { - if (results[0]) { - let add = results[0].formatted_address; - let 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: ${status}`; - } - }); - } - - let 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) { - let lat = position.coords.latitude; - let lng = position.coords.longitude; - let locIcon = event.target; - - $.ajax({ - url: `https://nominatim.openstreetmap.org/reverse?format=json&lon=${lng}&lat=${lat}`, - type: 'GET', - data: {}, - 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(err) { - $('.directorist-location-js').val('Location not found'); - addFocusClass($('.directorist-location-js')); - } - }); - } - $('body').on("click", ".directorist-filter-location-icon", function (e) { - navigator.geolocation.getCurrentPosition((position) => displayLocation(position, e)); - - // let parentField = e.target.closest('.directorist-search-field'); - - // if (parentField && !parentField.classList.contains('input-is-focused')) { - // parentField.classList.add('input-is-focused'); - // } - }); - } - - }, 1000); - })(jQuery); -}); \ No newline at end of file diff --git a/assets/src/js/global/map-scripts/map-view.js b/assets/src/js/global/map-scripts/map-view.js deleted file mode 100644 index b36e386913..0000000000 --- a/assets/src/js/global/map-scripts/map-view.js +++ /dev/null @@ -1,330 +0,0 @@ -import { - get_dom_data -} from './../../lib/helper'; -import { initAddListingMap } from './add-listing/google-map'; -import { initSingleMap } from './single-listing/google-map'; -import { initSingleMapWidget } from './single-listing/google-map-widget'; - -(function () { - - window.addEventListener('load', initMap ); - window.addEventListener('directorist-reload-listings-map-archive', initMap); - - function initMap() { - const mapData = get_dom_data('atbdp_map'); - - // Define Marker Shapes - const 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'; - - const inherits = function (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 (options) { - const 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 () { - const pane = this.getPanes().overlayImage.appendChild(this.div); - const 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 (let i = 0, I = this.listeners.length; i < I; ++i) { - google.maps.event.removeListener(this.listeners[i]); - } - }; - - // Implement draw - MarkerLabel.prototype.draw = function () { - const projection = this.getProjection(); - const position = projection.fromLatLngToDivPixel(this.get('position')); - const { - div - } = this; - 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`; - }; - - (function ($) { - // map view - /** - * Render a Google Map onto the selected jQuery element. - * - * @since 5.0.0 - */ - const at_icon = []; - - /* Use Default lat/lng in listings map view */ - let defCordEnabled = mapData.use_def_lat_long; - - function atbdp_rander_map($el) { - - $el.addClass('atbdp-map-loaded'); - - // var - const $markers = $el.find('.marker'); - - // vars - const 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 - const map = new google.maps.Map($el[0], args); - - // add a markers reference - map.markers = []; - - // set map type - map.type = $el.data('type'); - - const 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) : 40.7127753 ? defCordEnabled : Number(mapData.default_latitude), - lng: (Number(mapData.default_longitude)) ? Number(mapData.default_longitude) : -74.0059728 ? defCordEnabled : Number(mapData.default_longitude), - }; - - 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 - let 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 (let i = 0; i < map.markers.length; i++) { - const existing_marker = map.markers[i]; - const 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 - const latitude = latlng.lat() + (Math.random() - 0.5) / 1500; // * (Math.random() * (max - min) + min); - const longitude = latlng.lng() + (Math.random() - 0.5) / 1500; // * (Math.random() * (max - min) + min); - latlng = new google.maps.LatLng(latitude, longitude); - } - } - } - - const icon = JSON.parse($marker.data('icon')); - const marker = new Marker({ - position: latlng, - map, - icon: { - path: MAP_PIN, - fillColor: 'transparent', - fillOpacity: 1, - strokeColor: '', - strokeWeight: 0, - }, - map_icon_label: icon !== undefined && `
    ${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') { - let marker_childrens = $($marker).children(); - - if (marker_childrens.length) { - let 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() { - const abc = document.querySelectorAll('div'); - abc.forEach(function (el, index) { - if (el.innerText === 'atgm_marker') { - el.innerText = ' '; - el.innerHTML = `${at_icon}`; - } - // ${$marker.data('icon')} - }); - - document.querySelectorAll('div').forEach((el1, index) => { - if (el1.style.backgroundImage.split('/').pop() === 'm1.png")') { - el1.addEventListener('click', () => { - setInterval(() => { - const abc = document.querySelectorAll('div'); - abc.forEach(function (el, index) { - if (el.innerText === 'atgm_marker') { - el.innerText = ' '; - el.innerHTML = `${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); - } - - const $ = 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 { - initSingleMap(); - initAddListingMap(); - initSingleMapWidget(); - } -}; - diff --git a/assets/src/js/global/map-scripts/markerclusterer.js b/assets/src/js/global/map-scripts/markerclusterer.js deleted file mode 100644 index 6aa3e720c2..0000000000 --- a/assets/src/js/global/map-scripts/markerclusterer.js +++ /dev/null @@ -1,1306 +0,0 @@ -// ==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 (typeof 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; \ No newline at end of file diff --git a/assets/src/js/global/map-scripts/openstreet-map.js b/assets/src/js/global/map-scripts/openstreet-map.js deleted file mode 100644 index 49ccef855c..0000000000 --- a/assets/src/js/global/map-scripts/openstreet-map.js +++ /dev/null @@ -1,117 +0,0 @@ -(function () { - // DOM Mutation observer - const targetNode = document.querySelector('.directorist-archive-contents'); - if(targetNode){ - function initObserver() { - const 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; - let 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(); - } - - const $ = 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 */ -import './add-listing/openstreet-map'; - -/* Single listing OSMap */ -import './single-listing/openstreet-map'; - -/* Widget OSMap */ -import './single-listing/openstreet-map-widget'; \ No newline at end of file diff --git a/assets/src/js/global/map-scripts/single-listing/google-map-widget.js b/assets/src/js/global/map-scripts/single-listing/google-map-widget.js deleted file mode 100644 index f20b8cbe84..0000000000 --- a/assets/src/js/global/map-scripts/single-listing/google-map-widget.js +++ /dev/null @@ -1,207 +0,0 @@ -/* Widget google map */ -var $ = jQuery; - -// Single Listing Map Initialize -export function initSingleMapWidget() { - if (typeof google === "undefined" || !google.maps || !google.maps.Marker || !google.maps.OverlayView) { - return; - } - - if ($('#gmap-widget').length) { - const searchIcon = `` - const markerShape = document.createElement("div"); - markerShape.className = "atbd_map_shape"; - markerShape.innerHTML = searchIcon; - - var inherits = function (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 (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*/ - }); - } - - const marker = new google.maps.marker.AdvancedMarkerElement({ - 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", - }); - - const marker = new google.maps.marker.AdvancedMarkerElement({ - 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() - } -}); - diff --git a/assets/src/js/global/map-scripts/single-listing/google-map.js b/assets/src/js/global/map-scripts/single-listing/google-map.js deleted file mode 100644 index 3018556213..0000000000 --- a/assets/src/js/global/map-scripts/single-listing/google-map.js +++ /dev/null @@ -1,205 +0,0 @@ -/* Single listing google map */ -var $ = jQuery; - -// Single Listing Map Initialize -export 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(mapElm => { - const searchIcon = `` - const 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 - let 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 () { - let pane = this.getPanes(); - if (pane) { - pane.overlayImage.appendChild(this.div); - } - - let 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 (let i = 0; i < this.listeners.length; i++) { - google.maps.event.removeListener(this.listeners[i]); - } - }; - - // draw method - MarkerLabel.prototype.draw = function () { - let projection = this.getProjection(); - if (!projection) return; // Ensure projection is available - - let position = projection.fromLatLngToDivPixel(this.get('position')); - if (!position) return; - - let 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 - let 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*/ - }); - } - - const marker = new google.maps.marker.AdvancedMarkerElement({ - 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", - }); - - const marker = new google.maps.marker.AdvancedMarkerElement({ - 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() - } -}); \ No newline at end of file diff --git a/assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js b/assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js deleted file mode 100644 index 66375ee2d0..0000000000 --- a/assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js +++ /dev/null @@ -1,83 +0,0 @@ -/* Widget OSMap */ - -(function ($) { - // Single Listing Map Initialize - function initSingleMap() { - // Localized Data - if ($('#gmap-widget').length) { - const map_container = (localized_data_widget.map_container_id) ? localized_data_widget.map_container_id : 'gmap'; - const loc_default_latitude = parseFloat(localized_data_widget.default_latitude); - const loc_default_longitude = parseFloat(localized_data_widget.default_longitude); - let loc_manual_lat = parseFloat(localized_data_widget.manual_lat); - let loc_manual_lng = parseFloat(localized_data_widget.manual_lng); - const loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); - const { - display_map_info - } = localized_data_widget; - const { - cat_icon - } = localized_data_widget; - const { - info_content - } = localized_data_widget; - - 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) { - const fontAwesomeIcon = L.divIcon({ - html: `
    ${cat_icon}
    `, - iconSize: [20, 20], - className: 'myDivIcon', - }); - - const 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); \ No newline at end of file diff --git a/assets/src/js/global/map-scripts/single-listing/openstreet-map.js b/assets/src/js/global/map-scripts/single-listing/openstreet-map.js deleted file mode 100644 index 5b3e979ac4..0000000000 --- a/assets/src/js/global/map-scripts/single-listing/openstreet-map.js +++ /dev/null @@ -1,86 +0,0 @@ -/* Single listing OSMap */ - -(function ($) { - // Single Listing Map Initialize - function initSingleMap() { - // Localized Data - if ($('.directorist-single-map').length) { - document.querySelectorAll('.directorist-single-map').forEach(mapElm => { - const mapData = JSON.parse(mapElm.getAttribute('data-map')); - const loc_default_latitude = parseFloat(mapData.default_latitude); - const loc_default_longitude = parseFloat(mapData.default_longitude); - let loc_manual_lat = parseFloat(mapData.manual_lat); - let loc_manual_lng = parseFloat(mapData.manual_lng); - const loc_map_zoom_level = parseInt(mapData.map_zoom_level); - const { - display_map_info - } = mapData; - const { - cat_icon - } = mapData; - const { - info_content - } = mapData; - - 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) { - const fontAwesomeIcon = L.divIcon({ - html: `
    ${cat_icon}
    `, - iconSize: [20, 20], - className: 'myDivIcon', - }); - - const 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); \ No newline at end of file diff --git a/assets/src/js/helper.js b/assets/src/js/helper.js deleted file mode 100644 index e69e8ddb55..0000000000 --- a/assets/src/js/helper.js +++ /dev/null @@ -1,43 +0,0 @@ -export const isObject = value => value && typeof value === 'object' && ! Array.isArray( value ); - -export function findObjectItem( path, data, defaultValue ) { - if ( typeof path !== 'string' ) { - return defaultValue; - } - - if ( ! isObject( data ) ) { - return defaultValue; - } - - const pathItems = path.split( '.' ); - - let targetItem = data; - - for ( const key of pathItems ) { - if ( ! isObject( targetItem ) ) { - return defaultValue; - } - - if ( ! targetItem.hasOwnProperty( key ) ) { - return defaultValue; - } - - targetItem = targetItem[ key ]; - } - - return targetItem; -} - -export function directoristRequestHeaders() { - if ( window.directorist && window.directorist.request_headers && typeof window.directorist.request_headers ==='object' && ! Array.isArray( window.directorist.request_headers ) ) { - const headers = {}; - - for ( const key in window.directorist.request_headers ) { - headers[ `Directorist-${key}` ] = window.directorist.request_headers[ key ]; - } - - return headers; - } - - return {}; -} \ No newline at end of file diff --git a/assets/src/js/lib/helper.js b/assets/src/js/lib/helper.js deleted file mode 100644 index 2c695ad53b..0000000000 --- a/assets/src/js/lib/helper.js +++ /dev/null @@ -1,63 +0,0 @@ -const $ = jQuery; - -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if ( ! parent ) { - parent = document; - } - - const el = parent.querySelector(selector); - if ( ! el || ! el.dataset.value ) { - return {}; - } - - const IS_SCRIPT_DEBUGGING = (directorist && directorist.script_debugging && directorist.script_debugging == '1' ); - - try { - let value = atob( el.dataset.value ); - return JSON.parse( value ); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log( el, error ); - } - - return {}; - } -} - -function convertToSelect2( selector ) { - const $selector = $( selector ); - - const args = { - allowClear: true, - width: '100%', - templateResult: function( data ) { - if ( ! data.id ) { - return data.text; - } - - var iconURI = $(data.element).data('icon'); - var iconElm = ``; - - let originalText = data.text; - let modifiedText = originalText.replace(/^(\s*)/, "$1" + iconElm); - - var $state = $( `
    ${typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText}
    ` ); - - return $state; - } - }; - - const options = $selector.find( 'option' ); - - if ( options.length && options[0].textContent.length ) { - args.placeholder = options[0].textContent; - } - - $selector.length && $selector.select2( args ) -} - -export { - convertToSelect2, get_dom_data -}; - diff --git a/assets/src/js/public/atmodal.js b/assets/src/js/public/atmodal.js deleted file mode 100644 index f2c364a278..0000000000 --- a/assets/src/js/public/atmodal.js +++ /dev/null @@ -1,64 +0,0 @@ -/* - Name: ATModal - Version: 1.0 - Author: Sovware - Author URI: https://sovware.com/ -*/ -/* disable-eslint */ -const aazztechModal1 = selector => { - const element = document.querySelectorAll(selector); - element.forEach(function (el, index) { - el.style.display = 'none'; - document.addEventListener( - 'click', - function (event) { - const current_elm = event.target; - const target_id = current_elm.getAttribute('data-target'); - const 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', 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); -}); \ No newline at end of file diff --git a/assets/src/js/public/checkout.js b/assets/src/js/public/checkout.js deleted file mode 100644 index fbac13104a..0000000000 --- a/assets/src/js/public/checkout.js +++ /dev/null @@ -1,70 +0,0 @@ -(function ($) { - window.addEventListener('load', () => { - // 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, ","); - } - }); -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/public/components/archive-sidebar.js b/assets/src/js/public/components/archive-sidebar.js deleted file mode 100644 index 379b10a67e..0000000000 --- a/assets/src/js/public/components/archive-sidebar.js +++ /dev/null @@ -1,39 +0,0 @@ -// Archive Sidebar -window.addEventListener('load', () => { - const 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', (e) => { - const targetElement = e.target; - const toggleBtn = targetElement.closest('.directorist-archive-sidebar-toggle'); - const closeBtn = targetElement.closest('.directorist-advanced-filter__close'); - - if (toggleBtn) { - const sidebar = toggleBtn.closest('.listing-with-sidebar').querySelector('.listing-with-sidebar__sidebar'); - toggleSidebar(toggleBtn, sidebar); - } else if (closeBtn) { - const sidebar = closeBtn.closest('.listing-with-sidebar').querySelector('.listing-with-sidebar__sidebar'); - const 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')) { - document.querySelectorAll('.listing-with-sidebar__sidebar--open').forEach((sidebar) => { - const toggleBtn = sidebar.closest('.listing-with-sidebar').querySelector('.directorist-archive-sidebar-toggle'); - closeSidebar(toggleBtn, sidebar); - }); - } - }); -}); diff --git a/assets/src/js/public/components/author.js b/assets/src/js/public/components/author.js deleted file mode 100644 index 51a41b0424..0000000000 --- a/assets/src/js/public/components/author.js +++ /dev/null @@ -1,89 +0,0 @@ -// author sorting -(function ($) { - window.addEventListener('load', () => { - /* Masonry layout */ - function authorsMasonry() { - let authorsCard = $('.directorist-authors__cards'); - $(authorsCard).each(function (id, elm) { - let authorsCardRow = $(elm).find('.directorist-row'); - let authorMasonryInit = $(authorsCardRow).imagesLoaded(function () { - $(authorMasonryInit).masonry({ - percentPosition: true, - horizontalOrder: true - }); - }) - }) - } - authorsMasonry(); - - /* alphabet data value */ - let 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(response) { - $('#directorist-all-authors').empty().append(response); - $('body').removeClass('atbdp-form-fade'); - $('.' + alphabet).parent().addClass('active'); - alphabetValue = $(_this).attr('data-alphabet'); - authorsMasonry(); - }, - 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(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(error) { - //console.log(error); - }, - }); - }); - }); -})(jQuery) \ No newline at end of file diff --git a/assets/src/js/public/components/booking.js b/assets/src/js/public/components/booking.js deleted file mode 100644 index 88676ccbd2..0000000000 --- a/assets/src/js/public/components/booking.js +++ /dev/null @@ -1,9 +0,0 @@ -window.addEventListener('load', () => { - // Booking Available Time - const flatWrapper = document.querySelector(".flatpickr-calendar"); - const fAvailableTime = document.querySelector(".bdb-available-time-wrapper"); - - if (flatWrapper != null && fAvailableTime != null) { - flatWrapper.insertAdjacentElement("beforeend", fAvailableTime); - } -}); \ No newline at end of file diff --git a/assets/src/js/public/components/category-custom-fields.js b/assets/src/js/public/components/category-custom-fields.js deleted file mode 100644 index a0e9b0f133..0000000000 --- a/assets/src/js/public/components/category-custom-fields.js +++ /dev/null @@ -1,131 +0,0 @@ -// Search Category Change -function hideAllCustomFieldsExceptSelected(relations, category, $container) { - const fields = Object.keys(relations); - const wrappers = ['.directorist-advanced-filter__advanced__element', '.directorist-search-modal__input', '.directorist-search-field']; - - if (!fields.length) { - return; - } - - fields.forEach((field) => { - const fieldCategory = relations[field]; - let $field = $container.find(`[name="custom_field\[${field}]"\]`); - - if (!$field.length) { - $field = $container.find(`[name="custom_field\[${field}][]"\]`); - } - - if (category === fieldCategory) { - $field.prop('disabled', false); - - wrappers.forEach(wrapper => { - const $wrapper = $field.closest(wrapper); - if ($wrapper.length) { - $wrapper.show(); - } - }); - } else { - $field.prop('disabled', true); - - wrappers.forEach(wrapper => { - const $wrapper = $field.closest(wrapper); - if ($wrapper.length) { - $wrapper.hide(); - } - }); - } - }); -} - -export default function initSearchCategoryCustomFields( $ ) { - const $searchPageContainer = $('.directorist-search-contents'); - const $archivePageContainer = $('.directorist-archive-contents'); - - let $pageContainer; - - if ($searchPageContainer.length) { - $pageContainer = $searchPageContainer; - } else if ($archivePageContainer.length) { - $pageContainer = $archivePageContainer; - } - - if ($pageContainer?.length) { - // let $fieldsContainer = null; - - $pageContainer.on('change', '.directorist-category-select, .directorist-search-category select', function (event) { - const $this = $(this); - const $form = $this.parents('form'); - // const $advancedForm = $('.directorist-search-form'); - const category = Number($this.val()); - // const directory = $pageContainer.find('[name="directory_type"]').val(); // Sidebar has multiple forms that's why it's safe to use page container - // const formData = new FormData(); - let attributes = $form.data('atts'); - // const hasCustomField = $this.find('option[value="'+category+'"]').data('custom-field'); - - // if (!hasCustomField) { - // return; - // } - - // formData.append('action', 'directorist_category_custom_field_search'); - // formData.append('nonce', directorist.directorist_nonce); - // formData.append('directory', directory); - // formData.append('cat_id', category); - - if (!attributes) { - attributes = $pageContainer.data('atts'); - } - - if (!attributes.category_custom_fields_relations) { - return; - } - - hideAllCustomFieldsExceptSelected(attributes.category_custom_fields_relations, category, $(document.body)); - - // console.log(, category); - - // formData.append('atts', JSON.stringify(atts)); - // $form.addClass('atbdp-form-fade'); - // $advancedForm.addClass('atbdp-form-fade'); - - // $.ajax({ - // method : 'POST', - // processData: false, - // contentType: false, - // url : directorist.ajax_url, - // data : formData, - // success: function success(response) { - // if (response) { - // $fieldsContainer = $pageContainer.find(response['container']); - - // $fieldsContainer.html(response['search_form']); - - // // $form.find('.directorist-category-select option').data('custom-field', 1); - // // $this.find('option').data('custom-field', 1); - // $this.val(category); - - // [ - // 'directorist-search-form-nav-tab-reloaded', - // 'directorist-reload-select2-fields', - // 'directorist-reload-map-api-field', - // 'triggerSlice' - // ].forEach(function(event) { - // event = new CustomEvent(event); - // document.body.dispatchEvent(event); - // window.dispatchEvent(event); - // }); - // } - - // onSuccessCallback(); - - // $form.removeClass('atbdp-form-fade'); - // $advancedForm.removeClass('atbdp-form-fade'); - // }, - // error: function error(_error) { - // //console.log(_error); - // } - // }); - }); - - $pageContainer.find('.directorist-category-select, .directorist-search-category select').trigger('change'); - } -} diff --git a/assets/src/js/public/components/categoryLocation.js b/assets/src/js/public/components/categoryLocation.js deleted file mode 100644 index 5d0de395c1..0000000000 --- a/assets/src/js/public/components/categoryLocation.js +++ /dev/null @@ -1,97 +0,0 @@ -window.addEventListener('load', () => { - const $ = 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 */ - const categoryCard = document.querySelectorAll('.directorist-categories__single--style-three'); - if(categoryCard){ - categoryCard.forEach(elm =>{ - const categoryCardWidth = elm.offsetWidth; - elm.style.setProperty('--directorist-category-box-width', `${categoryCardWidth}px`); - }) - } - - /* Taxonomy list dropdown */ - function categoryDropdown(selector, parent){ - var categoryListToggle = document.querySelectorAll(selector); - categoryListToggle.forEach(function(item) { - item.addEventListener('click', function(e) { - const 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(); - - const pageNumber = clickedElement?.attr('data-page') || 1; - const container = clickedElement.closest(containerSelector); - const 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() { - $(containerSelector).addClass('atbdp-form-fade'); - }, - success: function(response) { - if (!response?.success) { - console.error('Failed to load taxonomy content'); - return; - } - - const tempContainer = document.createElement('div'); - tempContainer.innerHTML = response.data.content; - // Handle both category and location wrappers - const taxonomyWrapper = document.querySelector('.taxonomy-category-wrapper'); - const locationWrapper = document.querySelector('.taxonomy-location-wrapper'); - const updatedCategoryContent = tempContainer.querySelector('.taxonomy-category-wrapper')?.innerHTML; - const updatedLocationContent = tempContainer.querySelector('.taxonomy-location-wrapper')?.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() { - $(containerSelector).removeClass('atbdp-form-fade'); - } - }); - } -}); \ No newline at end of file diff --git a/assets/src/js/public/components/colorPicker.js b/assets/src/js/public/components/colorPicker.js deleted file mode 100644 index 32b8a17c51..0000000000 --- a/assets/src/js/public/components/colorPicker.js +++ /dev/null @@ -1,24 +0,0 @@ -/* 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; - } - $(document).ready(function(){ - /* Initialize wp color picker */ - function colorPickerInit(){ - let wpColorPicker = document.querySelectorAll('.directorist-color-picker-wrap'); - wpColorPicker.forEach(elm=>{ - if(elm !== null){ - let dColorPicker = $('.directorist-color-picker'); - dColorPicker.value !== '' ? dColorPicker.wpColorPicker() : dColorPicker.wpColorPicker().empty(); - } - }) - } - colorPickerInit(); - /* Initialize on Directory type change */ - document.body.addEventListener('directorist-search-form-nav-tab-reloaded', colorPickerInit) - }) -})(jQuery) \ No newline at end of file diff --git a/assets/src/js/public/components/customFieldValidator.js b/assets/src/js/public/components/customFieldValidator.js deleted file mode 100644 index f25cf1b9d4..0000000000 --- a/assets/src/js/public/components/customFieldValidator.js +++ /dev/null @@ -1,86 +0,0 @@ -jQuery(document).ready(function ($) { - function to_top(top) { - $([document.documentElement, document.body]).animate({ - scrollTop: $(top).offset().top - }, 1000); - } - need_post = false; - if ($("input[name='need_post']").length > 0) { - $("input[name='need_post']").on('change', function () { - if ('yes' === this.value) { - need_post = true; - } - }); - var is_need = $("input[name='need_post']:checked").val(); - if (is_need){ - if ('yes' === is_need){ - need_post = true; - }else{ - need_post = false; - } - } - - } - - // @kowsar @todo rebuild validation - /* - $('.directorist-form-submit__btn').on('click', function () { - var w_icon = ' '; - - //custom fields - function inArray(needle, haystack) { - var length = haystack.length; - for (var i = 0; i < length; i++) { - if (haystack[i] == needle) - return true; - } - return false; - } - //custom field - var required_custom_fields = custom_field_validator.required_cus_fields; - var msg = custom_field_validator.msg; - returnValue = true; - $('[name^="custom_field"]').each(function () { - var fields = $(this).attr('name'); - var parts = fields.split('[').pop().split(']')[0]; - var match_field = inArray(parts, required_custom_fields); - //console.log(parts); - if (match_field) { - var value = $(this).val(); - if ('' === value && !need_post) { - $(this).parents(".form-group").append(''+ w_icon +msg+''); - to_top('.atbdp_custom_field_area'); - returnValue = false; - } - } - }); - //custom field checkbox - var cus_check = $('.atbdp-checkbox-list input[type="checkbox"]').is(":checked"); - if(cus_check){ - var required_checkbox = custom_field_validator.cus_check; - if (false === cus_check && '' !== required_checkbox && !need_post) { - $('.atbdp-checkbox-list').after(''+ w_icon +msg+''); - to_top('#atbdp_custom_field_area'); - return false; - } - - } - - //custom field radio - var cus_radio = $('.atbdp-radio-list input[type="radio"]').is(":checked"); - if(cus_radio){ - var required_radio = custom_field_validator.cus_radio; - if (false === cus_radio && '' !== required_radio && !need_post) { - $('.atbdp-radio-list').parents(".form-group").append(''+ w_icon +msg+''); - to_top('#atbdp_custom_field_area'); - return false; - } - } - - - return returnValue; - - }); - */ - -}); \ No newline at end of file diff --git a/assets/src/js/public/components/dashboard/dashBoardMoreBtn.js b/assets/src/js/public/components/dashboard/dashBoardMoreBtn.js deleted file mode 100644 index 04777cffbe..0000000000 --- a/assets/src/js/public/components/dashboard/dashBoardMoreBtn.js +++ /dev/null @@ -1,21 +0,0 @@ -import '../../atmodal'; -; -(function ($) { - window.addEventListener('load', () => { - // 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); \ No newline at end of file diff --git a/assets/src/js/public/components/dashboard/dashboardAnnouncement.js b/assets/src/js/public/components/dashboard/dashboardAnnouncement.js deleted file mode 100644 index b9f712bf2d..0000000000 --- a/assets/src/js/public/components/dashboard/dashboardAnnouncement.js +++ /dev/null @@ -1,98 +0,0 @@ -; -(function ($) { - window.addEventListener('load', () => { - // 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 (response) { - - if (response.success) { - cleared_seen_announcements = true; - $('.directorist-announcement-count').removeClass('show'); - $('.directorist-announcement-count').html(''); - } - }, - error: function (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() { - $(self).html(' '); - $(self).addClass('disable'); - $(self).attr('disable', true); - }, - success: function (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) { - console.log({ - error - }); - - $(self).html(button_default_html); - $(self).removeClass('disable'); - $(self).attr('disable', false); - - closing_announcement = false; - }, - }) - }); - }); -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js b/assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js deleted file mode 100644 index a241267e72..0000000000 --- a/assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js +++ /dev/null @@ -1,32 +0,0 @@ -; -(function ($) { - window.addEventListener('load', () => { - // 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); \ No newline at end of file diff --git a/assets/src/js/public/components/dashboard/dashboardListing.js b/assets/src/js/public/components/dashboard/dashboardListing.js deleted file mode 100644 index f36009496e..0000000000 --- a/assets/src/js/public/components/dashboard/dashboardListing.js +++ /dev/null @@ -1,157 +0,0 @@ -; -(function ($) { - window.addEventListener('load', () => { - // Dashboard Listing Ajax - function directorist_dashboard_listing_ajax($activeTab, paged = 1, search = '', task = '', taskdata = '') { - 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 () { - $('#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 () { - $('#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); \ No newline at end of file diff --git a/assets/src/js/public/components/dashboard/dashboardResponsive.js b/assets/src/js/public/components/dashboard/dashboardResponsive.js deleted file mode 100644 index 1092693934..0000000000 --- a/assets/src/js/public/components/dashboard/dashboardResponsive.js +++ /dev/null @@ -1,32 +0,0 @@ -; -(function ($) { - window.addEventListener('load', () => { - //dashboard content responsive fix - let 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); \ No newline at end of file diff --git a/assets/src/js/public/components/dashboard/dashboardSidebar.js b/assets/src/js/public/components/dashboard/dashboardSidebar.js deleted file mode 100644 index a4e1ce452f..0000000000 --- a/assets/src/js/public/components/dashboard/dashboardSidebar.js +++ /dev/null @@ -1,40 +0,0 @@ -; -(function ($) { - window.addEventListener('load', () => { - //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); \ No newline at end of file diff --git a/assets/src/js/public/components/dashboard/dashboardTab.js b/assets/src/js/public/components/dashboard/dashboardTab.js deleted file mode 100644 index 5c8d65b9cf..0000000000 --- a/assets/src/js/public/components/dashboard/dashboardTab.js +++ /dev/null @@ -1,4 +0,0 @@ -; -(function () { - new DashTab( '.directorist-tab' ); -})(); \ No newline at end of file diff --git a/assets/src/js/public/components/directoristAlert.js b/assets/src/js/public/components/directoristAlert.js deleted file mode 100644 index e2820a78e5..0000000000 --- a/assets/src/js/public/components/directoristAlert.js +++ /dev/null @@ -1,23 +0,0 @@ -; -(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', () => { - /* Directorist alert dismiss */ - let getUrl = window.location.href; - let 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); \ No newline at end of file diff --git a/assets/src/js/public/components/directoristDropdown.js b/assets/src/js/public/components/directoristDropdown.js deleted file mode 100644 index c4eed0b5fe..0000000000 --- a/assets/src/js/public/components/directoristDropdown.js +++ /dev/null @@ -1,118 +0,0 @@ -; -(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', () => { - /* custom dropdown */ - const atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - let 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 - const 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(); - let 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) { - let 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); \ No newline at end of file diff --git a/assets/src/js/public/components/directoristFavorite.js b/assets/src/js/public/components/directoristFavorite.js deleted file mode 100644 index 747eb1404b..0000000000 --- a/assets/src/js/public/components/directoristFavorite.js +++ /dev/null @@ -1,84 +0,0 @@ -; -(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', () => { - // 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); \ No newline at end of file diff --git a/assets/src/js/public/components/directoristFormHandler.js b/assets/src/js/public/components/directoristFormHandler.js deleted file mode 100644 index 07c27fc1da..0000000000 --- a/assets/src/js/public/components/directoristFormHandler.js +++ /dev/null @@ -1,278 +0,0 @@ -(function ($) { - window.addEventListener('load', () => { - this.ATBDP_Form_Handler = function (args) { - this.option = { - el: $('.atbdp-form'), - alertClass: 'atbdp-form-alert', - message: { - success: 'The Form has been submitted successfully', - error: 'Something went wrong, please try again', - loading: 'Please wait...', - }, - }; - - this.allFormData = {}; - - // init - this.init = function () { - const self = this; - const form = this.option.el; - - if (!form.length) { - return; - } - - $.each(form, function (index) { - const form_key = `atbdp-form-${index + 1}`; - $(form[index]).attr('data-form-key', form_key); - - self.allFormData[form_key] = { - state: {}, - formData: new FormData(), - }; - - self.handleForm(form[index], form_key); - }); - }; - - // handleForm - this.handleForm = function (form, form_key) { - const self = this; - - $(form).on('submit', function (e) { - e.preventDefault(); - - const form = e.target; - const is_processesing = $(form).attr('data-is-processesing'); - - if (is_processesing && is_processesing === 'true') { - return; - } - - $(form).attr('data-is-processesing', true); - self.allFormData[form_key].state.isProcessesing = true; - - const form_action = $(form).attr('action'); - - const fields = self.getFields(form_key); - if (!fields) { - return; - } - - self.allFormData[form_key].formData.append('action', form_action); - - $.each(fields, function (index) { - self.handleField(fields[index], form_key); - }); - - self.sendRequest(form_key); - }); - }; - - // handleField - this.handleField = function (field, form_key) { - const name = $(field).attr('name'); - const value = $(field).val(); - - this.allFormData[form_key].formData.append(name, value); - }; - - // getFields - this.getFields = function (form_key) { - const form = this.getForm(form_key); - if (!form) { - return null; - } - - const fields = $(form).find('.atbdp-form-field'); - if (!fields.length) { - return null; - } - - return fields; - }; - - // sendRequest - this.sendRequest = function (form_key) { - const self = this; - const form_data = this.allFormData[form_key].formData; - this.allFormData[form_key].state.isSubmitted = true; - - const handler = - 'handler' in this.allFormData[form_key] ? self.allFormData[form_key].handler : false; - const has_success_handler = !!(handler && 'success' in handler); - const has_error_handler = !!(handler && 'error' in handler); - - this.initLoading(form_key); - - $.ajax({ - url: directorist.ajaxurl, - data: form_data, - cache: false, - contentType: false, - processData: false, - method: 'POST', - type: 'POST', - success(response) { - if (has_success_handler) { - handler.success(response, self); - return; - } - - self.onSuccess(response, form_key); - }, - error() { - if (has_error_handler) { - handler.error(error, self); - return; - } - - self.onError(response, form_key); - }, - }); - }; - - this.onSuccess = function (response, form_key) { - if (this.isJson(response)) { - response = JSON.parse(response); - } - - let success_msg = this.option.message.success; - let error_msg = this.option.message.error; - - const response_is_json = response && typeof response === 'object'; - const response_is_string = response && typeof response === 'string'; - - if (!response_is_json) { - const msg = response_is_string ? response : success_msg; - - this.showAlert(form_key, 'success', msg); - this.resetForm(form_key); - - return; - } - - success_msg = 'message' in response ? response.message : success_msg; - error_msg = 'message' in response ? response.message : error_msg; - - // If has error response - if (('error' in response && response.error) || ('success' in response && !response.success)) { - this.showAlert(form_key, 'danger', error_msg); - this.resetLoading(form_key); - - return; - } - - // If has success response - if (('error' in response && !response.error) || ('success' in response && response.success)) { - this.showAlert(form_key, 'success', success_msg); - this.resetForm(form_key); - } - }; - - // onError - this.onError = function (response, form_key) { - const response_is_string = response && typeof response === 'string'; - const msg = response_is_string ? response : this.option.message.error; - - this.showAlert(form_key, 'danger', msg); - }; - - // initLoading - this.initLoading = function (form_key) { - this.showAlert(form_key, 'info', this.option.message.loading); - }; - - // resetLoading - this.resetLoading = function (form_key) { - const form = this.getForm(form_key); - if (!form) { - return; - } - - $(form).attr('data-is-processesing', true); - this.allFormData[form_key].state.isProcessesing = true; - }; - - // resetForm - this.resetForm = function (form_key) { - this.resetLoading(form_key); - - const fields = this.getFields(form_key); - - $.each(fields, function (index) { - $(fields[index]).val(''); - }); - }; - - // showAlert - this.showAlert = function (form_key, type, message) { - const form = this.getForm(form_key); - if (!form) { - return; - } - - const alert_class = `.${this.option.alertClass}`; - const alert = $(form).find(alert_class); - - if ($renew_succeed) { - const msg = `
    ${message}
    `; - alert.html(msg); - } - - // getFormByKey - this.getFormByKey = function (form_key) { - return $(`*[data-form-key="${form_key}"]`); - }; - - // getFormByID - this.getFormByID = function (form_id) { - return $(`*[data-form-id="${form_id}"]`); - }; - - // getForm - this.getForm = function (form_key_id) { - let form = this.getFormByKey(form_key_id); - - if (!form.length) { - form = this.getFormByID(form_key_id); - } - - if (!form.length) { - return null; - } - - return form; - }; - - // addCustomHandler - this.addCustomHandler = function (handler) { - if (!handler || typeof handler !== 'object') { - return; - } - - const form = this.getForm(handler.formID); - if (!form) { - return; - } - - const form_key = $(form).attr('data-form-key'); - - this.allFormData[form_key].handler = handler; - }; - - // isJson - this.isJson = function (str) { - try { - JSON.parse(str); - } catch (e) { - return false; - } - return true; - }; - - this.init(); - }; - }; - }); -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/public/components/directoristSelect.js b/assets/src/js/public/components/directoristSelect.js deleted file mode 100644 index 99759c6b23..0000000000 --- a/assets/src/js/public/components/directoristSelect.js +++ /dev/null @@ -1,36 +0,0 @@ -window.addEventListener('load', () => { - // 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 - const 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 - const atbdSelectData = document.querySelectorAll('.atbd-drop-select.with-sort'); - atbdSelectData.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - let atbd_dropdown = el.querySelector('.atbd-dropdown-toggle'); - let dropdown_item = item.getAttribute('data-status'); - item.addEventListener('click', function (e) { - atbd_dropdown.setAttribute('data-status', `${dropdown_item}`); - }); - }); - }); -}); \ No newline at end of file diff --git a/assets/src/js/public/components/directoristSorting.js b/assets/src/js/public/components/directoristSorting.js deleted file mode 100644 index e06b9665d1..0000000000 --- a/assets/src/js/public/components/directoristSorting.js +++ /dev/null @@ -1,25 +0,0 @@ -; -(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', () => { - // 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); \ No newline at end of file diff --git a/assets/src/js/public/components/formValidation.js b/assets/src/js/public/components/formValidation.js deleted file mode 100644 index 0313d8911b..0000000000 --- a/assets/src/js/public/components/formValidation.js +++ /dev/null @@ -1,82 +0,0 @@ -; -(function ($) { - window.addEventListener('load', () => { - $('#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); \ No newline at end of file diff --git a/assets/src/js/public/components/general.js b/assets/src/js/public/components/general.js deleted file mode 100644 index 84e5d4836e..0000000000 --- a/assets/src/js/public/components/general.js +++ /dev/null @@ -1,21 +0,0 @@ -// Fix listing with no thumb if card width is less than 220px -(function ($) { - window.addEventListener('load', () => { - 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) \ No newline at end of file diff --git a/assets/src/js/public/components/gridResponsive.js b/assets/src/js/public/components/gridResponsive.js deleted file mode 100644 index 8044b14610..0000000000 --- a/assets/src/js/public/components/gridResponsive.js +++ /dev/null @@ -1,23 +0,0 @@ -; -(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); \ No newline at end of file diff --git a/assets/src/js/public/components/helpers.js b/assets/src/js/public/components/helpers.js deleted file mode 100644 index bcaaa01416..0000000000 --- a/assets/src/js/public/components/helpers.js +++ /dev/null @@ -1,6 +0,0 @@ -// Helper Components -import './helpers/printRating' -import './helpers/createMysql' -import './helpers/postDraft' -import './helpers/handleAjaxRequest' -import './helpers/noImageController' \ No newline at end of file diff --git a/assets/src/js/public/components/helpers/createMysql.js b/assets/src/js/public/components/helpers/createMysql.js deleted file mode 100644 index f144bd77f5..0000000000 --- a/assets/src/js/public/components/helpers/createMysql.js +++ /dev/null @@ -1,18 +0,0 @@ -; -(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); \ No newline at end of file diff --git a/assets/src/js/public/components/helpers/handleAjaxRequest.js b/assets/src/js/public/components/helpers/handleAjaxRequest.js deleted file mode 100644 index 7ebddc8b09..0000000000 --- a/assets/src/js/public/components/helpers/handleAjaxRequest.js +++ /dev/null @@ -1,31 +0,0 @@ -; -(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 () { - jQuery("").insertAfter(ElementToShowLoadingIconAfter); - }, - success: function (data) { - jQuery(".atbdp_ajax_loading").remove(); - CallBackHandler(data); - } - }); - } - window.atbdp_do_ajax = atbdp_do_ajax; -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/public/components/helpers/noImageController.js b/assets/src/js/public/components/helpers/noImageController.js deleted file mode 100644 index c07573f913..0000000000 --- a/assets/src/js/public/components/helpers/noImageController.js +++ /dev/null @@ -1,11 +0,0 @@ -; -(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); \ No newline at end of file diff --git a/assets/src/js/public/components/helpers/postDraft.js b/assets/src/js/public/components/helpers/postDraft.js deleted file mode 100644 index 4ddfdcc71c..0000000000 --- a/assets/src/js/public/components/helpers/postDraft.js +++ /dev/null @@ -1,9 +0,0 @@ -; -(function ($) { - - //adding temporary css class to post draft page - if ($(".edit_btn_wrap .atbdp_float_active").length) { - $("body").addClass("atbd_post_draft"); - } - -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/public/components/helpers/printRating.js b/assets/src/js/public/components/helpers/printRating.js deleted file mode 100644 index 947a884ad2..0000000000 --- a/assets/src/js/public/components/helpers/printRating.js +++ /dev/null @@ -1,20 +0,0 @@ -; -(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); \ No newline at end of file diff --git a/assets/src/js/public/components/instantSearch.js b/assets/src/js/public/components/instantSearch.js deleted file mode 100644 index 33c1691798..0000000000 --- a/assets/src/js/public/components/instantSearch.js +++ /dev/null @@ -1,1588 +0,0 @@ -import debounce from '../../global/components/debounce'; -; -(function ($) { - - let full_url = window.location.href; - - // Update search URL with form data - function update_instant_search_url(form_data) { - if (history.pushState) { - var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname; - - if (form_data.paged && form_data.paged.length) { - var query = (query && query.length) ? query + '&paged=' + form_data.paged : '?paged=' + form_data.paged; - } - if (form_data.directory_type && form_data.directory_type.length) { - var query = (query && query.length) ? query + '&directory_type=' + form_data.directory_type : '?directory_type=' + form_data.directory_type; - } - if (form_data.view && form_data.view.length) { - var query = (query && query.length) ? query + '&view=' + form_data.view : '?view=' + form_data.view; - } - if (form_data.q && form_data.q.length) { - var query = (query && query.length) ? query + '&q=' + form_data.q : '?q=' + form_data.q; - } - if (form_data.in_cat && form_data.in_cat.length) { - var query = (query && query.length) ? query + '&in_cat=' + form_data.in_cat : '?in_cat=' + form_data.in_cat; - } - if (form_data.in_loc && form_data.in_loc.length) { - var query = (query && query.length) ? query + '&in_loc=' + form_data.in_loc : '?in_loc=' + form_data.in_loc; - } - if (form_data.in_tag && form_data.in_tag.length) { - var query = (query && query.length) ? query + '&in_tag=' + form_data.in_tag : '?in_tag=' + form_data.in_tag; - } - if (form_data.price && form_data.price[0] && form_data.price[0] > 0) { - var query = (query && query.length) ? query + '&price%5B0%5D=' + form_data.price[0] : '?price%5B0%5D=' + form_data.price[0]; - } - if (form_data.price && form_data.price[1] && form_data.price[1] > 0) { - var query = (query && query.length) ? query + '&price%5B1%5D=' + form_data.price[1] : '?price%5B1%5D=' + form_data.price[1]; - } - if (form_data.price_range && form_data.price_range.length) { - var query = (query && query.length) ? query + '&price_range=' + form_data.price_range : '?price_range=' + form_data.price_range; - } - if (form_data.search_by_rating && form_data.search_by_rating.length) { - var query = (query && query.length) ? query + '&search_by_rating=' + form_data.search_by_rating : '?search_by_rating=' + form_data.search_by_rating; - } - if (form_data.cityLat && form_data.cityLat.length && form_data.address && form_data.address.length) { - var query = (query && query.length) ? query + '&cityLat=' + form_data.cityLat : '?cityLat=' + form_data.cityLat; - } - if (form_data.cityLng && form_data.cityLng.length && form_data.address && form_data.address.length) { - var query = (query && query.length) ? query + '&cityLng=' + form_data.cityLng : '?cityLng=' + form_data.cityLng; - } - if (form_data.miles && form_data.miles.length) { - var query = (query && query.length) ? query + '&miles=' + form_data.miles : '?miles=' + form_data.miles; - } - if (form_data.address && form_data.address.length) { - var query = (query && query.length) ? query + '&address=' + form_data.address : '?address=' + form_data.address; - } - if (form_data.zip && form_data.zip.length) { - var query = (query && query.length) ? query + '&zip=' + form_data.zip : '?zip=' + form_data.zip; - } - if (form_data.fax && form_data.fax.length) { - var query = (query && query.length) ? query + '&fax=' + form_data.fax : '?fax=' + form_data.fax; - } - if (form_data.email && form_data.email.length) { - var query = (query && query.length) ? query + '&email=' + form_data.email : '?email=' + form_data.email; - } - if (form_data.website && form_data.website.length) { - var query = (query && query.length) ? query + '&website=' + form_data.website : '?website=' + form_data.website; - } - if (form_data.phone && form_data.phone.length) { - var query = (query && query.length) ? query + '&phone=' + form_data.phone : '?phone=' + form_data.phone; - } - if (form_data.custom_field && Object.keys(form_data.custom_field).length) { - Object.keys(form_data.custom_field).forEach((key) => { - query = (query.length) ? query + `&${key}=${form_data.custom_field[key]}` : `?${key}=${form_data.custom_field[key]}`; - }); - } - if (form_data.open_now && form_data.open_now.length) { - var query = (query && query.length) ? query + '&open_now=' + form_data.open_now : '?open_now=' + form_data.open_now; - } - - var newurl = query ? newurl + query : newurl; - - window.history.pushState({ - path: newurl - }, '', newurl); - } - } - - // Get URL Parameter - function getURLParameter( url, name ) { - var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'); - var results = regex.exec( url ); - if ( ! results || ! results[2] ) { - return ''; - } - - return decodeURIComponent( results[2] ); - } - - // Close Search Modal - function closeAllSearchModal() { - var searchModalElement = document.querySelectorAll('.directorist-search-modal'); - - searchModalElement.forEach((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;"; - } - }) - } - - // Scrolling Pagination - let page = 1; - let infinitePaginationIsLoading = false; - let infinitePaginationCompleted = false; - - function handleScroll() { - const container = $('.directorist-infinite-scroll .directorist-container-fluid .directorist-row'); - if (!container.length || infinitePaginationIsLoading) return; - - const containerBottom = container.offset().top + container.outerHeight(); - const scrollBottom = window.scrollY + window.innerHeight; - - if (scrollBottom >= containerBottom) { - infinitePaginationIsLoading = true; - page++; - - const instantSearchElement = $('.directorist-instant-search'); - const activeForm = getActiveForm(instantSearchElement); - const formData = buildFormData(activeForm, instantSearchElement); - - loadMoreListings(formData); - } - }; - - window.addEventListener('scroll', function() { - if (infinitePaginationCompleted) return; - handleScroll(); - }); - - /* Directorist instant search */ - $('body').on("submit", ".directorist-instant-search form", function (e) { - e.preventDefault(); - // infinite pagination loading reset - page = 1; - infinitePaginationIsLoading = false; - infinitePaginationCompleted = false; - - let instant_search_element = $(this).closest('.directorist-instant-search'); - let tag = []; - let search_by_rating = []; - let price = []; - let custom_field = {}; - - $(this).find('input[name^="in_tag["]:checked').each(function (index, el) { - tag.push($(el).val()) - }); - - $(this).find('input[name^="search_by_rating["]:checked').each(function (index, el) { - search_by_rating.push($(el).val()) - }); - - $(this).find('input[name^="price["]').each(function (index, el) { - price.push($(el).val()) - }); - - $(this).find('[name^="custom_field"]').each(function (index, el) { - var name = $(el).attr('name'); - var type = $(el).attr('type'); - var post_id = name.replace(/(custom_field\[)/, '').replace(/\]/, ''); - if ('radio' === type) { - $.each($("input[name='custom_field[" + post_id + "]']:checked"), function () { - value = $(this).val(); - custom_field[post_id] = value; - }); - } else if ('checkbox' === type) { - post_id = post_id.split('[]')[0]; - if (!custom_field[post_id]) { - custom_field[post_id] = []; - } - $.each($("input[name='custom_field[" + post_id + "][]']:checked"), function () { - var value = $(this).val(); - custom_field[post_id].push(value); - }); - } else { - var value = $(el).val(); - custom_field[post_id] = value; - } - }); - - let view_href = instant_search_element.find(".directorist-viewas .directorist-viewas__item.active").attr('href'); - let view_as = (view_href && view_href.length) ? view_href.match(/view=.+/) : ''; - let view = (view_as && view_as.length) ? view_as[0].replace(/view=/, '') : ''; - let type_href = instant_search_element.find('.directorist-type-nav__list .directorist-type-nav__list__current a').attr('href'); - let type = (type_href && type_href.length) ? type_href.match(/directory_type=.+/) : ''; - let directory_type = getURLParameter(type_href, 'directory_type'); - let data_atts = instant_search_element.attr('data-atts'); - - var data = { - action : 'directorist_instant_search', - _nonce : directorist.ajax_nonce, - current_page_id : directorist.current_page_id, - in_tag : tag, - price : price, - search_by_rating: search_by_rating, - custom_field : custom_field, - data_atts : JSON.parse(data_atts) - }; - - var fields = { - q : $(this).find('input[name="q"]').val(), - in_cat : $(this).find('.directorist-category-select').val(), - in_loc : $(this).find('.directorist-location-select').val(), - price_range : $(this).find("input[name='price_range']:checked").val(), - address : $(this).find('input[name="address"]').val(), - zip : $(this).find('input[name="zip"]').val(), - fax : $(this).find('input[name="fax"]').val(), - email : $(this).find('input[name="email"]').val(), - website : $(this).find('input[name="website"]').val(), - phone : $(this).find('input[name="phone"]').val(), - }; - - //business hours - if ( $('input[name="open_now"]').is(':checked') ) { - fields.open_now = $(this).find('input[name="open_now"]').val(); - } - - if ( fields.address && fields.address.length ) { - fields.cityLat = $(this).find('#cityLat').val(); - fields.cityLng = $(this).find('#cityLng').val(); - fields.miles = $(this).find('input[name="miles"]').val(); - } - - if ( fields.zip && fields.zip.length ) { - fields.zip_cityLat = $(this).find('.zip-cityLat').val(); - fields.zip_cityLng = $(this).find('.zip-cityLng').val(); - fields.miles = $(this).find('input[name="miles"]').val(); - } - - var form_data = { - ...data, - ...fields - }; - - const allFieldsAreEmpty = Object.values(fields).every(item => !item); - const tagFieldEmpty = data.in_tag.every(item => !item); - const priceFieldEmpty = data.price.every(item => !item); - const ratingFieldEmpty = data.search_by_rating.every(item => !item); - const customFieldsAreEmpty = Object.values(data.custom_field).every(item => !item); - - if ( !allFieldsAreEmpty || !tagFieldEmpty || !priceFieldEmpty || !customFieldsAreEmpty || !ratingFieldEmpty ) { - - if (view && view.length) { - form_data.view = view - } - - if (directory_type && directory_type.length) { - form_data.directory_type = directory_type; - } - - update_instant_search_url(form_data); - - $.ajax({ - url: directorist.ajaxurl, - type: "POST", - data: form_data, - beforeSend: function () { - instant_search_element.find('.directorist-advanced-filter__form .directorist-btn-sm').attr("disabled", true); - instant_search_element.find('.directorist-archive-items').addClass('atbdp-form-fade'); - instant_search_element.find('.directorist-header-bar .directorist-advanced-filter').removeClass('directorist-advanced-filter--show') - instant_search_element.find('.directorist-header-bar .directorist-advanced-filter').hide(); - $(document).scrollTop(instant_search_element.offset().top); - closeAllSearchModal(); - }, - success: function (html) { - if (html.search_result) { - instant_search_element.find('.directorist-header-found-title').remove(); - instant_search_element.find('.dsa-save-search-container').remove(); - instant_search_element.find('.directorist-listings-header__left').append(html.header_title); - instant_search_element.find('.directorist-header-found-title span').text(html.count); - instant_search_element.find('.directorist-archive-items').replaceWith(html.search_result); - instant_search_element.find('.directorist-archive-items').removeClass('atbdp-form-fade'); - instant_search_element.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')); - - var website_name = directorist.site_name; // This is dynamically set from WordPress - - // Construct the new meta title - var new_meta_title = ''; // Start with an empty title - // Check if the category is selected and append to the title - if ( String( html.category_name ) ) { - new_meta_title += html.category_name; - } - - // Check if location is selected and append with proper formatting - if ( String( html.location_name ) ) { - if ( String( html.category_name ) ) { - new_meta_title += ' within ' + html.location_name; // If category exists, add with a comma - } else { - new_meta_title += html.location_name; // If no category, just add location - } - } - - // Check if address is selected and append with proper formatting - if (fields.address) { - if (fields.in_cat || fields.in_loc) { - new_meta_title += ' near ' + fields.address; // If category or location exists, add "near" - } else { - new_meta_title += fields.address; // Default to just the address - } - } - - // Append website name to the meta title with a pipe separator - if (new_meta_title) { - new_meta_title += ' | ' + website_name; // Append the website name only if the title has content - } else { - new_meta_title = website_name; // Default to only the website name if no other title parts are present - } - - // Update the meta title dynamically - document.title = new_meta_title; - } - } - }); - } - }); - - /* Directorist instant reset */ - $('body').on("click", ".directorist-instant-search .directorist-btn-reset-js", function (e) { - e.preventDefault(); - let instant_search_element = $(this).closest('.directorist-instant-search'); - let tag = []; - let search_by_rating = []; - let price = []; - let custom_field = {}; - - $(this).find('input[name^="in_tag["]:checked').each(function (index, el) { - tag.push($(el).val()) - }); - - $(this).find('input[name^="search_by_rating["]:checked').each(function (index, el) { - search_by_rating.push($(el).val()) - }); - - $(this).find('input[name^="price["]').each(function (index, el) { - price.push($(el).val()) - }); - - $(this).find('[name^="custom_field"]').each(function (index, el) { - var name = $(el).attr('name'); - var type = $(el).attr('type'); - var post_id = name.replace(/(custom_field\[)/, '').replace(/\]/, ''); - if ('radio' === type) { - $.each($("input[name='custom_field[" + post_id + "]']:checked"), function () { - value = $(this).val(); - custom_field[post_id] = value; - }); - } else if ('checkbox' === type) { - post_id = post_id.split('[]')[0]; - $.each($("input[name='custom_field[" + post_id + "][]']:checked"), function () { - var checkValue = []; - value = $(this).val(); - checkValue.push(value); - custom_field[post_id] = checkValue; - }); - } else { - var value = $(el).val(); - custom_field[post_id] = value; - } - }); - - let view_href = instant_search_element.find(".directorist-viewas .directorist-viewas__item.active").attr('href'); - let view_as = (view_href && view_href.length) ? view_href.match(/view=.+/) : ''; - let view = (view_as && view_as.length) ? view_as[0].replace(/view=/, '') : ''; - let type_href = instant_search_element.find('.directorist-type-nav__list .directorist-type-nav__list__current a').attr('href'); - let type = (type_href && type_href.length) ? type_href.match(/directory_type=.+/) : ''; - let directory_type = getURLParameter(type_href, 'directory_type'); - let data_atts = instant_search_element.attr('data-atts'); - - var data = { - action : 'directorist_instant_search', - _nonce : directorist.ajax_nonce, - current_page_id : directorist.current_page_id, - data_atts : JSON.parse(data_atts) - }; - - var form_data = { - ...data, - }; - - if (view && view.length) { - form_data.view = view - } - - if (directory_type && directory_type.length) { - form_data.directory_type = directory_type; - } - - update_instant_search_url(form_data); - - $.ajax({ - url: directorist.ajaxurl, - type: "POST", - data: form_data, - beforeSend: function () { - instant_search_element.find('.directorist-advanced-filter__form .directorist-btn-sm').attr("disabled", true); - instant_search_element.find('.directorist-archive-items').addClass('atbdp-form-fade'); - instant_search_element.find('.directorist-header-bar .directorist-advanced-filter').removeClass('directorist-advanced-filter--show') - instant_search_element.find('.directorist-header-bar .directorist-advanced-filter').hide(); - $(document).scrollTop(instant_search_element.offset().top); - }, - success: function (html) { - if (html.search_result) { - instant_search_element.find('.directorist-header-found-title span').text(html.count); - instant_search_element.find('.directorist-archive-items').replaceWith(html.search_result); - instant_search_element.find('.directorist-archive-items').removeClass('atbdp-form-fade'); - instant_search_element.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')); - } - } - }); - }); - - $('body').on("submit", ".widget .default-ad-search:not(.directorist_single) .directorist-advanced-filter__form", function (e) { - if ($('.directorist-instant-search').length) { - e.preventDefault(); - let _this = $(this); - let tag = []; - let price = []; - let search_by_rating = []; - let custom_field = {}; - - $(this).find('input[name^="in_tag["]:checked').each(function (index, el) { - tag.push($(el).val()) - }); - - $(this).find('input[name^="search_by_rating["]:checked').each(function (index, el) { - search_by_rating.push($(el).val()) - }); - - $(this).find('input[name^="price["]').each(function (index, el) { - price.push($(el).val()) - }); - - $(this).find('[name^="custom_field"]').each(function (index, el) { - var name = $(el).attr('name'); - var type = $(el).attr('type'); - var post_id = name.replace(/(custom_field\[)/, '').replace(/\]/, ''); - if ('radio' === type) { - $.each($("input[name='custom_field[" + post_id + "]']:checked"), function () { - value = $(this).val(); - custom_field[post_id] = value; - }); - } else if ('checkbox' === type) { - post_id = post_id.split('[]')[0]; - if (!custom_field[post_id]) { - custom_field[post_id] = []; - } - $.each($("input[name='custom_field[" + post_id + "][]']:checked"), function () { - var value = $(this).val(); - custom_field[post_id].push(value); - }); - } else { - var value = $(el).val(); - custom_field[post_id] = value; - } - }); - - let view_href = $(".directorist-viewas .directorist-viewas__item.active").attr('href'); - let view_as = (view_href && view_href.length) ? view_href.match(/view=.+/) : ''; - let view = (view_as && view_as.length) ? view_as[0].replace(/view=/, '') : ''; - let type_href = $('.directorist-type-nav__list .directorist-type-nav__list__current a').attr('href'); - let type = (type_href && type_href.length) ? type_href.match(/directory_type=.+/) : ''; - let directory_type = getURLParameter(type_href, 'directory_type'); - let data_atts = $(this).closest('.directorist-instant-search').attr('data-atts'); - - var data = { - action : 'directorist_instant_search', - _nonce : directorist.ajax_nonce, - current_page_id : directorist.current_page_id, - in_tag : tag, - price : price, - search_by_rating: search_by_rating, - custom_field : custom_field, - data_atts : JSON.parse(data_atts) - }; - - var fields = { - q : $(this).find('input[name="q"]').val(), - in_cat : $(this).find('.directorist-category-select').val(), - in_loc : $(this).find('.directorist-location-select').val(), - price_range : $(this).find("input[name='price_range']:checked").val(), - address : $(this).find('input[name="address"]').val(), - zip : $(this).find('input[name="zip"]').val(), - fax : $(this).find('input[name="fax"]').val(), - email : $(this).find('input[name="email"]').val(), - website : $(this).find('input[name="website"]').val(), - phone : $(this).find('input[name="phone"]').val(), - }; - - if ( $('input[name="open_now"]').is(':checked') ) { - fields.open_now = $(this).find('input[name="open_now"]').val(); - } - - if ( fields.address && fields.address.length ) { - fields.cityLat = $(this).find('#cityLat').val(); - fields.cityLng = $(this).find('#cityLng').val(); - fields.miles = $(this).find('input[name="miles"]').val(); - } - - if ( fields.zip && fields.zip.length ) { - fields.zip_cityLat = $(this).find('.zip-cityLat').val(); - fields.zip_cityLng = $(this).find('.zip-cityLng').val(); - fields.miles = $(this).find('input[name="miles"]').val(); - } - - if (fields.address && fields.address.length) { - fields.cityLat = $(this).find('#cityLat').val(); - fields.cityLng = $(this).find('#cityLng').val(); - fields.miles = $(this).find('input[name="miles"]').val(); - } - - if (fields.zip && fields.zip.length) { - fields.zip_cityLat = $(this).find('.zip-cityLat').val(); - fields.zip_cityLng = $(this).find('.zip-cityLng').val(); - fields.miles = $(this).find('.directorist-custom-range-slider__value input').val(); - } - - var form_data = { - ...data, - ...fields - }; - - const allFieldsAreEmpty = Object.values(fields).every(item => !item); - const tagFieldEmpty = data.in_tag.every(item => !item); - const priceFieldEmpty = data.price.every(item => !item); - const ratingFieldEmpty = data.search_by_rating.every(item => !item); - const customFieldsAreEmpty = Object.values(data.custom_field).every(item => !item); - - if ( !allFieldsAreEmpty || !tagFieldEmpty || !priceFieldEmpty || !customFieldsAreEmpty || !ratingFieldEmpty ) { - - if (view && view.length) { - form_data.view = view - } - - if (directory_type && directory_type.length) { - form_data.directory_type = directory_type; - } - - update_instant_search_url(form_data); - - $.ajax({ - url : directorist.ajaxurl, - type : "POST", - data : form_data, - beforeSend: function () { - $('.directorist-archive-contents').find('.directorist-archive-items').addClass('atbdp-form-fade'); - $('.directorist-archive-contents').find('.directorist-header-bar .directorist-advanced-filter').removeClass('directorist-advanced-filter--show') - $('.directorist-archive-contents').find('.directorist-header-bar .directorist-advanced-filter').hide(); - $(document).scrollTop($(".directorist-archive-contents").offset().top); - }, - success: function (html) { - if (html.search_result) { - $('.directorist-archive-contents').find('.directorist-header-found-title span').text(html.count); - $('.directorist-archive-contents').find('.directorist-archive-items').replaceWith(html.search_result); - $('.directorist-archive-contents').find('.directorist-archive-items').removeClass('atbdp-form-fade'); - $('.directorist-archive-contents').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')); - } - } - }); - } - } - }); - - // Directorist type changes - $('body').on("click", ".directorist-instant-search .directorist-type-nav__link", function (e) { - e.preventDefault(); - // infinite pagination loading reset - page = 1; - infinitePaginationIsLoading = false; - infinitePaginationCompleted = false; - - let _this = $(this); - let type_href = $(this).attr('href'); - let type = type_href.match(/directory_type=.+/); - //let directory_type = ( type && type.length ) ? type[0].replace( /directory_type=/, '' ) : ''; - let directory_type = getURLParameter(type_href, 'directory_type'); - let data_atts = $(this).closest('.directorist-instant-search').attr('data-atts'); - var form_data = { - action : 'directorist_instant_search', - _nonce : directorist.ajax_nonce, - current_page_id: directorist.current_page_id, - directory_type : directory_type, - data_atts : JSON.parse(data_atts) - }; - - update_instant_search_url(form_data); - - $.ajax({ - url : directorist.ajaxurl, - type : "POST", - data : form_data, - beforeSend: function () { - $(_this).closest('.directorist-instant-search').addClass('atbdp-form-fade'); - }, - success: function (html) { - if (html.directory_type) { - $(_this).closest('.directorist-instant-search').replaceWith(html.directory_type); - $(_this).closest('.directorist-instant-search').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(); - } - let events = [ - new CustomEvent('directorist-instant-search-reloaded'), - new CustomEvent('directorist-search-form-nav-tab-reloaded'), - new CustomEvent('directorist-reload-select2-fields'), - new CustomEvent('directorist-reload-map-api-field'), - ]; - - events.forEach(event => { - document.body.dispatchEvent(event); - window.dispatchEvent(event); - }); - } - }); - }) - - $('body').on("click", ".disabled-link", function (e) { - e.preventDefault(); - }) - - // Directorist view as changes - $('body').on("click", ".directorist-instant-search .directorist-viewas .directorist-viewas__item", function (e) { - e.preventDefault(); - // infinite pagination loading reset - page = 1; - infinitePaginationIsLoading = false; - infinitePaginationCompleted = false; - - let instant_search_element = $(this).closest('.directorist-instant-search'); - let tag = []; - let price = []; - let custom_field = {}; - - let sort_href = $(this).closest(".directorist-sortby-dropdown .directorist-dropdown__links__single.active").attr('data-link'); - let sort_by = (sort_href && sort_href.length) ? sort_href.match(/sort=.+/) : ''; - let sort = (sort_by && sort_by.length) ? sort_by[0].replace(/sort=/, '') : ''; - let view_href = $(this).closest(this).attr('href'); - let view = (view_href && view_href.length) ? view_href.match(/view=.+/) : ''; - let type_href = instant_search_element.find('.directorist-type-nav__list .directorist-type-nav__list__current a').attr('href'); - let type = (type_href && type_href.length) ? type_href.match(/directory_type=.+/) : ''; - let directory_type = getURLParameter(type_href, 'directory_type'); - let page_no = $(this).closest(".page-numbers.current").text(); - let data_atts = instant_search_element.attr('data-atts'); - - // Select Active Form Based on Screen Size - const advancedForm = instant_search_element.find('.directorist-advanced-filter__form'); - const searchForm = instant_search_element.find('.directorist-search-form'); - const sidebarListing = instant_search_element.find('.listing-with-sidebar'); - const activeForm = sidebarListing.length ? instant_search_element : screen.width > 575 ? advancedForm : searchForm; - - // Get Values from Active Form - activeForm.find('input[name^="in_tag["]:checked').each(function (index, el) { - tag.push($(el).val()) - }); - - activeForm.find('input[name^="price["]').each(function (index, el) { - price.push($(el).val()) - }); - - activeForm.find('[name^="custom_field"]').each(function (index, el) { - var name = $(el).attr('name'); - var type = $(el).attr('type'); - var post_id = name.replace(/(custom_field\[)/, '').replace(/\]/, ''); - - if ('radio' === type) { - $.each($("input[name='custom_field[" + post_id + "]']:checked"), function () { - value = $(this).val(); - custom_field[post_id] = value; - }); - } else if ('checkbox' === type) { - post_id = post_id.split('[]')[0]; - if (!custom_field[post_id]) { - custom_field[post_id] = []; - } - $.each($("input[name='custom_field[" + post_id + "][]']:checked"), function () { - var value = $(this).val(); - custom_field[post_id].push(value); - }); - } else { - var value = $(el).val(); - custom_field[post_id] = value; - } - }); - - let q = activeForm.find('input[name="q"]').val(); - let in_cat = activeForm.find('.directorist-category-select').val(); - let in_loc = activeForm.find('.directorist-location-select').val(); - let price_range = activeForm.find("input[name='price_range']:checked").val(); - let search_by_rating = activeForm.find('select[name=search_by_rating]').val(); - let cityLat = activeForm.find('#cityLat').val(); - let cityLng = activeForm.find('#cityLng').val(); - let miles = activeForm.find('input[name="miles"]').val(); - let address = activeForm.find('input[name="address"]').val(); - let zip = activeForm.find('input[name="zip"]').val(); - let fax = activeForm.find('input[name="fax"]').val(); - let email = activeForm.find('input[name="email"]').val(); - let website = activeForm.find('input[name="website"]').val(); - let phone = activeForm.find('input[name="phone"]').val(); - - // Required fields Check - let isQueryRequired = activeForm.find('input[name="q"]').prop("required"); - let isCategoryRequired = activeForm.find('.directorist-category-select').prop("required"); - let isLocationRequired = activeForm.find('.directorist-location-select').prop("required"); - - // Validate: If a field is required but empty, return false - let requiredFieldsAreValid = true; - - if (isQueryRequired && !q) requiredFieldsAreValid = false; - if (isCategoryRequired && (!in_cat || in_cat.length === 0)) requiredFieldsAreValid = false; - if (isLocationRequired && (!in_loc || in_loc.length === 0)) requiredFieldsAreValid = false; - - $(".directorist-viewas .directorist-viewas__item").removeClass('active'); - $(this).addClass("active"); - - var form_data = { - action : 'directorist_instant_search', - _nonce : directorist.ajax_nonce, - current_page_id : directorist.current_page_id, - view : ( view && view.length ) ? view[0].replace(/view=/, '') : '', - q : requiredFieldsAreValid && q || getURLParameter( full_url, 'q' ), - in_cat : requiredFieldsAreValid && in_cat || getURLParameter( full_url, 'in_cat' ), - in_loc : requiredFieldsAreValid && in_loc || getURLParameter( full_url, 'in_loc' ), - in_tag : requiredFieldsAreValid && tag || getURLParameter( full_url, 'in_tag' ), - price : requiredFieldsAreValid && price || getURLParameter( full_url, 'price' ), - price_range : requiredFieldsAreValid && price_range || getURLParameter( full_url, 'price_range' ), - search_by_rating: requiredFieldsAreValid && search_by_rating || getURLParameter( full_url, 'search_by_rating' ), - cityLat : requiredFieldsAreValid && cityLat || getURLParameter( full_url, 'cityLat' ), - cityLng : requiredFieldsAreValid && cityLng || getURLParameter( full_url, 'cityLng' ), - miles : requiredFieldsAreValid && miles || getURLParameter( full_url, 'miles' ), - address : requiredFieldsAreValid && address || getURLParameter( full_url, 'address' ), - zip : requiredFieldsAreValid && zip || getURLParameter( full_url, 'zip' ), - fax : requiredFieldsAreValid && fax || getURLParameter( full_url, 'fax' ), - email : requiredFieldsAreValid && email || getURLParameter( full_url, 'email' ), - website : requiredFieldsAreValid && website || getURLParameter( full_url, 'website' ), - phone : requiredFieldsAreValid && phone || getURLParameter( full_url, 'phone' ), - custom_field : custom_field || getURLParameter( full_url, 'custom_field' ), - data_atts : JSON.parse(data_atts) - }; - - //business hours - if ( $('input[name="open_now"]').is(':checked') ) { - form_data.open_now = activeForm.find('input[name="open_now"]').val(); - } - - if ( form_data.address && form_data.address.length ) { - form_data.cityLat = activeForm.find('#cityLat').val(); - form_data.cityLng = activeForm.find('#cityLng').val(); - form_data.miles = activeForm.find('input[name="miles"]').val(); - } - - if ( form_data.zip && form_data.zip.length ) { - form_data.zip_cityLat = activeForm.find('.zip-cityLat').val(); - form_data.zip_cityLng = activeForm.find('.zip-cityLng').val(); - form_data.miles = activeForm.find('input[name="miles"]').val(); - } - - if (page_no && page_no.length) { - form_data.paged = page_no; - } - - if (directory_type && directory_type.length) { - form_data.directory_type = directory_type; - } - - if (sort && sort.length) { - form_data.sort = sort - } - - $.ajax({ - url: directorist.ajaxurl, - type: "POST", - data: form_data, - beforeSend: function () { - instant_search_element.find('.directorist-archive-items').addClass('atbdp-form-fade'); - instant_search_element.find('.directorist-viewas-dropdown .directorist-dropdown__links__single').addClass("disabled-link"); - instant_search_element.find('.directorist-dropdown__links-js a').removeClass('directorist-dropdown__links__single'); - instant_search_element.find('.directorist-archive-items').addClass('atbdp-form-fade'); - instant_search_element.find('.directorist-dropdown__links').hide(); - instant_search_element.find('.directorist-header-bar .directorist-advanced-filter').removeClass('directorist-advanced-filter--show') - instant_search_element.find('.directorist-header-bar .directorist-advanced-filter').css('visibility', 'hidden'); - //$(document).scrollTop( $(this).closest(".directorist-instant-search").offset().top ); - }, - success: function (html) { - if (html.view_as) { - instant_search_element.find('.directorist-header-found-title span').text(html.count); - instant_search_element.find('.directorist-archive-items').replaceWith(html.view_as); - instant_search_element.find('.directorist-archive-items').removeClass('atbdp-form-fade'); - instant_search_element.find('.directorist-viewas-dropdown .directorist-dropdown__links__single').removeClass("disabled-link"); - instant_search_element.find('.directorist-dropdown__links-js a').addClass('directorist-dropdown__links__single'); - - window.dispatchEvent(new CustomEvent('directorist-instant-search-reloaded')); - window.dispatchEvent(new CustomEvent('directorist-reload-listings-map-archive')); - instant_search_element.find('.directorist-header-bar .directorist-advanced-filter').css('visibility', 'visible'); - } - } - }); - }); - - $('.directorist-instant-search .directorist-dropdown__links__single-js').off('click'); - - // Directorist sort by changes - $('body').on("click", ".directorist-instant-search .directorist-sortby-dropdown .directorist-dropdown__links__single-js", function (e) { - e.preventDefault(); - // infinite pagination loading reset - page = 1; - infinitePaginationIsLoading = false; - infinitePaginationCompleted = false; - - let instant_search_element = $(this).closest('.directorist-instant-search'); - let tag = []; - let price = []; - let custom_field = {}; - - let view_href = instant_search_element.find(".directorist-viewas .directorist-viewas__item.active").attr('href'); - let view_as = (view_href && view_href.length) ? view_href.match(/view=.+/) : ''; - let view = (view_as && view_as.length) ? view_as[0].replace(/view=/, '') : ''; - let sort_href = $(this).closest(this).attr('data-link'); - let sort_by = sort_href.match(/sort=.+/); - let type_href = instant_search_element.find('.directorist-type-nav__list .directorist-type-nav__list__current a').attr('href'); - let type = (type_href && type_href.length) ? type_href.match(/directory_type=.+/) : ''; - let directory_type = getURLParameter(type_href, 'directory_type'); - let data_atts = instant_search_element.attr('data-atts'); - - instant_search_element.find(".directorist-sortby-dropdown .directorist-dropdown__links__single").removeClass('active'); - $(this).addClass("active"); - - // Select Active Form Based on Screen Size - const advancedForm = instant_search_element.find('.directorist-advanced-filter__form'); - const searchForm = instant_search_element.find('.directorist-search-form'); - const sidebarListing = instant_search_element.find('.listing-with-sidebar'); - const activeForm = sidebarListing.length ? instant_search_element : screen.width > 575 ? advancedForm : searchForm; - - // Get Values from Active Form - activeForm.find('input[name^="in_tag["]:checked').each(function (index, el) { - tag.push($(el).val()) - }); - - activeForm.find('input[name^="price["]').each(function (index, el) { - price.push($(el).val()) - }); - - activeForm.find('[name^="custom_field"]').each(function (index, el) { - var name = $(el).attr('name'); - var type = $(el).attr('type'); - var post_id = name.replace(/(custom_field\[)/, '').replace(/\]/, ''); - if ('radio' === type) { - $.each($("input[name='custom_field[" + post_id + "]']:checked"), function () { - value = $(this).val(); - custom_field[post_id] = value; - }); - } else if ('checkbox' === type) { - post_id = post_id.split('[]')[0]; - if (!custom_field[post_id]) { - custom_field[post_id] = []; - } - $.each($("input[name='custom_field[" + post_id + "][]']:checked"), function () { - var value = $(this).val(); - custom_field[post_id].push(value); - }); - } else { - var value = $(el).val(); - custom_field[post_id] = value; - } - }); - - let q = activeForm.find('input[name="q"]').val(); - let in_cat = activeForm.find('.directorist-category-select').val(); - let in_loc = activeForm.find('.directorist-location-select').val(); - let price_range = activeForm.find("input[name='price_range']:checked").val(); - let search_by_rating = activeForm.find('select[name=search_by_rating]').val(); - let cityLat = activeForm.find('#cityLat').val(); - let cityLng = activeForm.find('#cityLng').val(); - let miles = activeForm.find('input[name="miles"]').val(); - let address = activeForm.find('input[name="address"]').val(); - let zip = activeForm.find('input[name="zip"]').val(); - let fax = activeForm.find('input[name="fax"]').val(); - let email = activeForm.find('input[name="email"]').val(); - let website = activeForm.find('input[name="website"]').val(); - let phone = activeForm.find('input[name="phone"]').val(); - - var form_data = { - action : 'directorist_instant_search', - _nonce : directorist.ajax_nonce, - current_page_id : directorist.current_page_id, - sort : (sort_by && sort_by.length) ? sort_by[0].replace(/sort=/, '') : '', - q : q || getURLParameter( full_url, 'q' ), - in_cat : in_cat || getURLParameter( full_url, 'in_cat' ), - in_loc : in_loc || getURLParameter( full_url, 'in_loc' ), - in_tag : tag || getURLParameter( full_url, 'in_tag' ), - price : price || getURLParameter( full_url, 'price' ), - price_range : price_range || getURLParameter( full_url, 'price_range' ), - search_by_rating: search_by_rating || getURLParameter( full_url, 'search_by_rating' ), - cityLat : cityLat || getURLParameter( full_url, 'cityLat' ), - cityLng : cityLng || getURLParameter( full_url, 'cityLng' ), - miles : miles || getURLParameter( full_url, 'miles' ), - address : address || getURLParameter( full_url, 'address' ), - zip : zip || getURLParameter( full_url, 'zip' ), - fax : fax || getURLParameter( full_url, 'fax' ), - email : email || getURLParameter( full_url, 'email' ), - website : website || getURLParameter( full_url, 'website' ), - phone : phone || getURLParameter( full_url, 'phone' ), - custom_field : custom_field || getURLParameter( full_url, 'custom_field' ), - view : view, - data_atts : JSON.parse(data_atts) - }; - - //business hours - if ( $('input[name="open_now"]').is(':checked') ) { - form_data.open_now = activeForm.find('input[name="open_now"]').val(); - } - - if ( form_data.address && form_data.address.length ) { - form_data.cityLat = activeForm.find('#cityLat').val(); - form_data.cityLng = activeForm.find('#cityLng').val(); - form_data.miles = activeForm.find('input[name="miles"]').val(); - } - - if ( form_data.zip && form_data.zip.length ) { - form_data.zip_cityLat = activeForm.find('.zip-cityLat').val(); - form_data.zip_cityLng = activeForm.find('.zip-cityLng').val(); - form_data.miles = activeForm.find('input[name="miles"]').val(); - } - - if (directory_type && directory_type.length) { - form_data.directory_type = directory_type; - } - - $.ajax({ - url: directorist.ajaxurl, - type: "POST", - data: form_data, - beforeSend: function () { - instant_search_element.find('.directorist-sortby-dropdown .directorist-dropdown__links__single-js').addClass("disabled-link"); - instant_search_element.find('.directorist-dropdown__links-js a').removeClass('directorist-dropdown__links__single-js'); - instant_search_element.find('.directorist-archive-items').addClass('atbdp-form-fade'); - instant_search_element.find('.directorist-dropdown__links').hide(); - const advance_filter = instant_search_element.find('.directorist-header-bar .directorist-advanced-filter')[0]; - $(advance_filter).removeClass('directorist-advanced-filter--show') - $(advance_filter).hide(); - $(document).scrollTop( instant_search_element.offset().top ); - }, - success: function (html) { - if (html.view_as) { - instant_search_element.find('.directorist-header-found-title span').text(html.count); - instant_search_element.find('.directorist-archive-items').replaceWith(html.view_as); - instant_search_element.find('.directorist-archive-items').removeClass('atbdp-form-fade'); - instant_search_element.find('.directorist-sortby-dropdown .directorist-dropdown__links__single-js').removeClass("disabled-link"); - instant_search_element.find('.directorist-dropdown__links-js a').addClass('directorist-dropdown__links__single-js'); - } - window.dispatchEvent(new CustomEvent('directorist-instant-search-reloaded')); - window.dispatchEvent(new CustomEvent('directorist-reload-listings-map-archive')); - } - }); - }); - - // Directorist pagination - $('body').on("click", ".directorist-instant-search .directorist-pagination .page-numbers", function (e) { - e.preventDefault(); - let tag = []; - let price = []; - let custom_field = {}; - const $container = $(this).closest('.directorist-instant-search'); - const $directory_nav = $container.find('.directorist-type-nav__list'); - - let sort_href = $container.find(".directorist-sortby-dropdown .directorist-dropdown__links__single.active").attr('data-link'); - let sort_by = (sort_href && sort_href.length) ? sort_href.match(/sort=.+/) : ''; - let sort = (sort_by && sort_by.length) ? sort_by[0].replace(/sort=/, '') : ''; - let view_href = $container.find(".directorist-viewas .directorist-viewas__item.active").attr('href'); - let view_as = (view_href && view_href.length) ? view_href.match(/view=.+/) : ''; - let view = (view_as && view_as.length) ? view_as[0].replace(/view=/, '') : ''; - let type_href = $directory_nav.find('.directorist-type-nav__list__current a').attr('href'); - let type = (type_href && type_href.length) ? type_href.match(/directory_type=.+/) : ''; - let directory_type = getURLParameter(type_href, 'directory_type'); - let data_atts = $container.attr('data-atts'); - - // Select Active Form Based on Screen Size - const advancedForm = $container.find('.directorist-advanced-filter__form'); - const searchForm = $container.find('.directorist-search-form'); - const sidebarListing = $container.find('.listing-with-sidebar'); - const activeForm = sidebarListing.length ? $container : screen.width > 575 ? advancedForm : searchForm; - - // Get Values from Active Form - activeForm.find('input[name^="in_tag["]:checked').each(function (index, el) { - tag.push($(el).val()) - }); - - activeForm.find('input[name^="price["]').each(function (index, el) { - price.push($(el).val()) - }); - - activeForm.find('[name^="custom_field"]').each(function (index, el) { - var name = $(el).attr('name'); - var type = $(el).attr('type'); - var post_id = name.replace(/(custom_field\[)/, '').replace(/\]/, ''); - if ('radio' === type) { - $.each($("input[name='custom_field[" + post_id + "]']:checked"), function () { - value = $(this).val(); - custom_field[post_id] = value; - }); - } else if ('checkbox' === type) { - post_id = post_id.split('[]')[0]; - if (!custom_field[post_id]) { - custom_field[post_id] = []; - } - $.each($("input[name='custom_field[" + post_id + "][]']:checked"), function () { - var value = $(this).val(); - custom_field[post_id].push(value); - }); - } else { - var value = $(el).val(); - custom_field[post_id] = value; - } - }); - - let q = activeForm.find('input[name="q"]').val(); - let in_cat = activeForm.find('.directorist-category-select').val(); - let in_loc = activeForm.find('.directorist-location-select').val(); - let price_range = activeForm.find("input[name='price_range']:checked").val(); - let search_by_rating = activeForm.find('select[name=search_by_rating]').val(); - let cityLat = activeForm.find('#cityLat').val(); - let cityLng = activeForm.find('#cityLng').val(); - let address = activeForm.find('input[name="address"]').val(); - let zip = activeForm.find('input[name="zip"]').val(); - let miles = (address || zip) && activeForm.find('input[name="miles"]').val(); - let fax = activeForm.find('input[name="fax"]').val(); - let email = activeForm.find('input[name="email"]').val(); - let website = activeForm.find('input[name="website"]').val(); - let phone = activeForm.find('input[name="phone"]').val(); - - $container.find(".directorist-pagination .page-numbers").removeClass('current'); - $(this).addClass("current"); - - var paginate_link = $(this).attr('href'); - var page_no = ''; - - if (paginate_link) { - var pageMatch = paginate_link.match(/(?:page\/|paged=)(\d+)/); - if (pageMatch) { - page_no = pageMatch[1]; // Extracts only the numeric value - } - } - console.log( page_no ) - var form_data = { - action : 'directorist_instant_search', - _nonce : directorist.ajax_nonce, - current_page_id : directorist.current_page_id, - 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, - cityLat : cityLat, - cityLng : cityLng, - address : address, - zip : zip, - fax : fax, - email : email, - website : website, - phone : phone, - custom_field : custom_field, - miles : miles, - view : view, - paged : page_no, - data_atts : JSON.parse(data_atts) - }; - - //business hours - if ( $('input[name="open_now"]').is(':checked') ) { - form_data.open_now = activeForm.find('input[name="open_now"]').val(); - } - - if ( form_data.address && form_data.address.length ) { - form_data.cityLat = activeForm.find('#cityLat').val(); - form_data.cityLng = activeForm.find('#cityLng').val(); - form_data.miles = activeForm.find('input[name="miles"]').val(); - } - - if ( form_data.zip && form_data.zip.length ) { - form_data.zip_cityLat = activeForm.find('.zip-cityLat').val(); - form_data.zip_cityLng = activeForm.find('.zip-cityLng').val(); - form_data.miles = activeForm.find('input[name="miles"]').val(); - } - - if (directory_type && directory_type.length) { - form_data.directory_type = directory_type; - } - - if (sort && sort.length) { - form_data.sort = sort - } - - if ($directory_nav.is(':hidden')) { - form_data.directory_nav = false; - } - - update_instant_search_url(form_data); - - $.ajax({ - url: directorist.ajaxurl, - type: "POST", - data: form_data, - beforeSend: function () { - $container.find('.directorist-archive-items').addClass('atbdp-form-fade'); - }, - success: function (html) { - if (html.view_as) { - $container.find('.directorist-header-found-title span').text(html.count); - $container.find('.directorist-archive-items').replaceWith(html.view_as); - $container.find('.directorist-archive-items').removeClass('atbdp-form-fade'); - $(document).scrollTop( $container.offset().top ); - } - window.dispatchEvent(new CustomEvent('directorist-instant-search-reloaded')); - window.dispatchEvent(new CustomEvent('directorist-reload-listings-map-archive')); - } - }); - }); - - // Helper function to determine the active form - function getActiveForm(instantSearchElement) { - const sidebarListing = instantSearchElement.find('.listing-with-sidebar'); - const advancedForm = instantSearchElement.find('.directorist-advanced-filter__form'); - const searchForm = instantSearchElement.find('.directorist-search-form'); - return sidebarListing.length ? instantSearchElement : screen.width > 575 ? advancedForm : searchForm; - } - - // Helper function to build form data - function buildFormData(activeForm, instantSearchElement) { - const tag = []; - const price = []; - const customField = {}; - const dataAtts = JSON.parse(instantSearchElement.attr('data-atts')); - - activeForm.find('input[name^="in_tag["]:checked').each((_, el) => tag.push($(el).val())); - activeForm.find('input[name^="price["]').each((_, el) => price.push($(el).val())); - - activeForm.find('[name^="custom_field"]').each((_, el) => { - const name = $(el).attr('name'); - const type = $(el).attr('type'); - const postId = name.replace(/(custom_field\[)/, '').replace(/\]/, '').split('[]')[0]; - - if (type === 'radio') { - customField[postId] = activeForm.find(`input[name='custom_field[${postId}]']:checked`).val(); - } else if (type === 'checkbox') { - customField[postId] = activeForm.find(`input[name='custom_field[${postId}][]']:checked`).map((_, e) => $(e).val()).get(); - } else { - customField[postId] = $(el).val(); - } - }); - - let view_href = $(".directorist-viewas .directorist-viewas__item.active").attr('href'); - let view_as = (view_href && view_href.length) ? view_href.match(/view=.+/) : ''; - let view = (view_as && view_as.length) ? view_as[0].replace(/view=/, '') : ''; - - const getValue = (selector, fallback) => activeForm.find(selector).val() || fallback; - return { - action : 'directorist_instant_search', - _nonce : directorist.ajax_nonce, - current_page_id : directorist.current_page_id, - q : getValue('input[name="q"]', getURLParameter(full_url, 'q')), - in_cat : getValue('.directorist-category-select', getURLParameter(full_url, 'in_cat')), - in_loc : getValue('.directorist-location-select', getURLParameter(full_url, 'in_loc')), - in_tag : tag || getURLParameter(full_url, 'in_tag'), - price : price || getURLParameter(full_url, 'price'), - price_range : getValue("input[name='price_range']:checked", getURLParameter(full_url, 'price_range')), - search_by_rating: getValue('select[name=search_by_rating]', getURLParameter(full_url, 'search_by_rating')), - cityLat : getValue('#cityLat', getURLParameter(full_url, 'cityLat')), - cityLng : getValue('#cityLng', getURLParameter(full_url, 'cityLng')), - miles : getValue('input[name="miles"]', getURLParameter(full_url, 'miles')), - address : getValue('input[name="address"]', getURLParameter(full_url, 'address')), - zip : getValue('input[name="zip"]', getURLParameter(full_url, 'zip')), - fax : getValue('input[name="fax"]', getURLParameter(full_url, 'fax')), - email : getValue('input[name="email"]', getURLParameter(full_url, 'email')), - website : getValue('input[name="website"]', getURLParameter(full_url, 'website')), - phone : getValue('input[name="phone"]', getURLParameter(full_url, 'phone')), - custom_field : customField, - view : view, - paged : page, - data_atts : dataAtts, - sort : getSortValue(instantSearchElement), - directory_type : getDirectoryType(instantSearchElement), - open_now : activeForm.find('input[name="open_now"]:checked').val(), - }; - } - - // Helper function to get sort value - function getSortValue(instantSearchElement) { - const sortHref = instantSearchElement.find('.directorist-sortby-dropdown .directorist-dropdown__links__single.active').data('link'); - return sortHref ? sortHref.split('sort=')[1] : ''; - } - - // Helper function to get directory type - function getDirectoryType(instantSearchElement) { - const typeHref = instantSearchElement.find('.directorist-type-nav__list .directorist-type-nav__list__current a').attr('href'); - return typeHref ? getURLParameter(typeHref, 'directory_type') : ''; - } - - // AJAX call to load more listings - function loadMoreListings(formData) { - let loadingDiv; - const container = $('.directorist-infinite-scroll .directorist-container-fluid .directorist-row'); - - $.ajax({ - url : directorist.ajaxurl, - type: 'POST', - data: formData, - beforeSend: function() { - loadingDiv = $('
    ', { class: 'directorist-on-scroll-loading' }).append( - $('
    ', { class: 'directorist-spinner' }), - $('').text('Loading more...') - ); - container.append(loadingDiv); - }, - success:function(html){ - if (loadingDiv) loadingDiv.remove(); - - if (html.count>0) { - container.append(html.render_listings); - } else { - infinitePaginationCompleted = true; - } - - triggerCustomEvents(); - }, - complete: function() { - infinitePaginationIsLoading = false; - if (loadingDiv) loadingDiv.remove(); - } - }); - } - - // Helper function to trigger custom events - function triggerCustomEvents() { - window.dispatchEvent(new Event('directorist-instant-search-reloaded')); - window.dispatchEvent(new Event('directorist-reload-listings-map-archive')); - } - - // Filter on AJAX Search - function filterListing(searchElm) { - if (!searchElm) { - return; - } - - // infinite pagination loading reset - page = 1; - infinitePaginationIsLoading = false; - infinitePaginationCompleted = false; - - let _this = searchElm; - let tag = []; - let price = []; - let search_by_rating = []; - let custom_field = {}; - - searchElm.find('input[name^="in_tag[]"]:checked').each(function (index, el) { - tag.push($(el).val()); - }); - - searchElm.find('input[name^="search_by_rating[]"]:checked').each(function (index, el) { - search_by_rating.push($(el).val()) - }); - - searchElm.find('input[name^="price["]').each(function (index, el) { - price.push($(el).val()) - }); - - searchElm.find('[name^="custom_field"]').each(function (index, el) { - var name = $(el).attr('name'); - var type = $(el).attr('type'); - var post_id = name.replace(/(custom_field\[)/, '').replace(/\]/, ''); - if ('radio' === type) { - $.each($("input[name='custom_field[" + post_id + "]']:checked"), function () { - value = $(this).val();; - custom_field[post_id] = value; - }); - } else if ('checkbox' === type) { - post_id = post_id.split('[]')[0]; - if (!custom_field[post_id]) { - custom_field[post_id] = []; - } - $.each($("input[name='custom_field[" + post_id + "][]']:checked"), function () { - var value = $(this).val(); - custom_field[post_id].push(value); - }); - } else { - var value = $(el).val(); - custom_field[post_id] = value; - } - }); - - let view_href = $(".directorist-viewas .directorist-viewas__item.active").attr('href'); - let view_as = (view_href && view_href.length) ? view_href.match(/view=.+/) : ''; - let view = (view_as && view_as.length) ? view_as[0].replace(/view=/, '') : ''; - let type_href = $('.directorist-type-nav__list .directorist-type-nav__list__current a').attr('href'); - let type = (type_href && type_href.length) ? type_href.match(/directory_type=.+/) : ''; - let directory_type = getURLParameter(type_href, 'directory_type'); - let data_atts = $('.directorist-instant-search').attr('data-atts'); - - var data = { - action : 'directorist_instant_search', - _nonce : directorist.ajax_nonce, - current_page_id : directorist.current_page_id, - in_tag : tag, - price : price, - search_by_rating: search_by_rating, - custom_field : custom_field, - data_atts : JSON.parse(data_atts) - }; - - var fields = { - q : searchElm.find('input[name="q"]').val(), - in_cat : searchElm.find('.directorist-category-select').val(), - in_loc : searchElm.find('.directorist-location-select').val(), - price_range : searchElm.find("input[name='price_range']:checked").val(), - address : searchElm.find('input[name="address"]').val(), - zip : searchElm.find('input[name="zip"]').val(), - fax : searchElm.find('input[name="fax"]').val(), - email : searchElm.find('input[name="email"]').val(), - website : searchElm.find('input[name="website"]').val(), - phone : searchElm.find('input[name="phone"]').val(), - }; - - //business hours - if ( $('input[name="open_now"]').is(':checked') ) { - fields.open_now = searchElm.find('input[name="open_now"]').val(); - } - - if (fields.address && fields.address.length) { - fields.cityLat = searchElm.find('#cityLat').val(); - fields.cityLng = searchElm.find('#cityLng').val(); - fields.miles = searchElm.find('input[name="miles"]').val(); - } - - if (fields.zip && fields.zip.length) { - fields.zip_cityLat = searchElm.find('.zip-cityLat').val(); - fields.zip_cityLng = searchElm.find('.zip-cityLng').val(); - fields.miles = searchElm.find('input[name="miles"]').val(); - } - - var form_data = { - ...data, - ...fields - }; - - if (view && view.length) { - form_data.view = view - } - - if (directory_type && directory_type.length) { - form_data.directory_type = directory_type; - } - - update_instant_search_url(form_data); - - $.ajax({ - url: directorist.ajaxurl, - type: "POST", - data: form_data, - beforeSend: function () { - $(_this).closest('.directorist-instant-search').find('.directorist-advanced-filter__form .directorist-btn-sm').attr("disabled", true); - $(_this).closest('.directorist-instant-search').find('.directorist-archive-items').addClass('atbdp-form-fade'); - $(_this).closest('.directorist-instant-search').find('.directorist-header-bar .directorist-advanced-filter').removeClass('directorist-advanced-filter--show') - $(_this).closest('.directorist-instant-search').find('.directorist-header-bar .directorist-advanced-filter').hide(); - if ($(".directorist-instant-search").offset() > 0) { - $(document).scrollTop($(_this).closest(".directorist-instant-search").offset().top); - } - }, - success: function (html) { - if (html.search_result) { - $(_this).closest('.directorist-instant-search').find('.directorist-header-found-title').remove(); - $(_this).closest('.directorist-instant-search').find('.dsa-save-search-container').remove(); - if( String( html.header_title ) ) { - $(_this).closest('.directorist-instant-search').find('.directorist-listings-header__left').append(html.header_title); - $(_this).closest('.directorist-instant-search').find('.directorist-header-found-title span').text(html.count); - } - $(_this).closest('.directorist-instant-search').find('.directorist-archive-items').replaceWith(html.search_result); - $(_this).closest('.directorist-instant-search').find('.directorist-archive-items').removeClass('atbdp-form-fade'); - $(_this).closest('.directorist-instant-search').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')); - - var website_name = directorist.site_name; // This is dynamically set from WordPress - - // Construct the new meta title - var new_meta_title = ''; // Start with an empty title - // Check if the category is selected and append to the title - if ( String( html.category_name ) ) { - new_meta_title += html.category_name; - } - - // Check if location is selected and append with proper formatting - if ( String( html.location_name ) ) { - if ( String( html.category_name ) ) { - new_meta_title += ' within ' + html.location_name; // If category exists, add with a comma - } else { - new_meta_title += html.location_name; // If no category, just add location - } - } - - // Check if address is selected and append with proper formatting - if (fields.address) { - if (fields.in_cat || fields.in_loc) { - new_meta_title += ' near ' + fields.address; // If category or location exists, add "near" - } else { - new_meta_title += fields.address; // Default to just the address - } - } - - // Append website name to the meta title with a pipe separator - if (new_meta_title) { - new_meta_title += ' | ' + website_name; // Append the website name only if the title has content - } else { - new_meta_title = website_name; // Default to only the website name if no other title parts are present - } - - // Update the meta title dynamically - document.title = new_meta_title; - } - } - }); - - } - - // Range Slider searching observer - function initObserver() { - let targetNodes = document.querySelectorAll('.directorist-instant-search .directorist-custom-range-slider__value input'); - - targetNodes.forEach((targetNode) => { - - let searchElm = $(targetNode.closest('form')); - - if (targetNode) { - let timeout; - const observerCallback = (mutationList, observer) => { - for (const mutation of mutationList) { - if (mutation.attributeName == 'value') { - clearTimeout(timeout); - timeout = setTimeout(() => { - filterListing(searchElm); - }, 250); - } - } - }; - - const observer = new MutationObserver(observerCallback); - observer.observe(targetNode, { attributes: true, childList: true, subtree: true }); - } - }) - } - - // Single Location Category Page Search Form Item Disable - function singleCategoryLocationInit() { - const directoristArchiveContents = document.querySelector('.directorist-archive-contents'); - if (!directoristArchiveContents) { - return; - } - - const directoristDataAttributes = directoristArchiveContents.getAttribute('data-atts'); - const { shortcode, location, category } = JSON.parse(directoristDataAttributes); - - if (shortcode === 'directorist_category' && category.trim() !== '') { - const 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() !== '') { - const locationSelect = document.querySelector('.directorist-search-form .directorist-location-select'); - if (locationSelect) { - locationSelect.closest('.directorist-search-location').classList.add('directorist-search-form__single-location'); - } - } - } - - // sidebar on keyup searching - $('body').on("keyup", ".directorist-instant-search .listing-with-sidebar form", debounce( function(e) { - if ($(e.target).closest('.directorist-custom-range-slider__value').length > 0) { - return; // Skip calling `filterListing` for this element - } - - e.preventDefault(); - var searchElm = $(this).closest('.listing-with-sidebar'); - filterListing(searchElm); - }, 250)); - - // sidebar on change searching - $('body').on("change", ".directorist-instant-search .listing-with-sidebar input[type='checkbox'],.directorist-instant-search .listing-with-sidebar input[type='radio'], .directorist-custom-range-slider__wrap .directorist-custom-range-slider__range, .directorist-search-location .location-name", debounce( function(e) { - e.preventDefault(); - var searchElm = $(this).closest('.listing-with-sidebar'); - filterListing(searchElm); - }, 250)); - - // sidebar on change location, zipcode changing - $('body').on("change", ".directorist-instant-search .listing-with-sidebar .directorist-search-location, .directorist-instant-search .listing-with-sidebar .directorist-zipcode-search", debounce(function (e) { - e.preventDefault(); - - const 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')) { - const locationField = $(this).find('input[name="address"]'); - if (!locationField.val()) { - return; - } - } - - filterListing(searchElm); - }, 250)); - - - // select on change with value - searching - $('body').on("change", ".directorist-instant-search .listing-with-sidebar select", debounce( function(e) { - e.preventDefault(); - var searchElm = $(this).val() && $(this).closest('.listing-with-sidebar'); - filterListing(searchElm); - - }, 250)); - - // select on change with value - searching - $('body').on("click", ".directorist-instant-search .listing-with-sidebar .directorist-filter-location-icon", debounce( function(e) { - e.preventDefault(); - var searchElm = $(this).closest('.listing-with-sidebar'); - filterListing(searchElm); - - }, 1000)); - - // Clear Input Value - $('body').on("click", ".directorist-instant-search .directorist-search-field__btn--clear", function(e) { - let inputValue = $(this).closest('.directorist-search-field').find('input:not([type="checkbox"]):not([type="radio"]), select').val(''); - - if (inputValue) { - let searchElm = $(document.querySelector('.directorist-instant-search .listing-with-sidebar form')); - if (searchElm) { - filterListing(searchElm); - } - } - }) - - 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(); - let basic_data = $('.listing-with-sidebar .directorist-basic-search').serialize(); - let advanced_data = $('.listing-with-sidebar .directorist-advanced-search').serialize(); - let action_value = $('.directorist-advanced-search').attr('action'); - let url = action_value + '?' + basic_data + '&' + advanced_data; - - window.location.href = url; - }); - - } - - window.addEventListener('load', function() { - debounce(initObserver(), 250); - - singleCategoryLocationInit(); - }); -})(jQuery); diff --git a/assets/src/js/public/components/legacy-support.js b/assets/src/js/public/components/legacy-support.js deleted file mode 100644 index f45b376e23..0000000000 --- a/assets/src/js/public/components/legacy-support.js +++ /dev/null @@ -1,35 +0,0 @@ -window.addEventListener('load', () => { - /* custom dropdown */ - const atbdDropdown = document.querySelectorAll('.atbd-dropdown'); - - // toggle dropdown - let 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'); - }); - } - }); -}); \ No newline at end of file diff --git a/assets/src/js/public/components/listing-track.js b/assets/src/js/public/components/listing-track.js deleted file mode 100644 index 0e67151825..0000000000 --- a/assets/src/js/public/components/listing-track.js +++ /dev/null @@ -1,34 +0,0 @@ -(function ($) { - window.addEventListener('load', () => { - - 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 ( 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); \ No newline at end of file diff --git a/assets/src/js/public/components/login.js b/assets/src/js/public/components/login.js deleted file mode 100644 index b1abc71361..0000000000 --- a/assets/src/js/public/components/login.js +++ /dev/null @@ -1,110 +0,0 @@ -; -(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; - } - - // 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', () => { - // Perform AJAX login on form submit - $('form#directorist__authentication__login').on('submit', function (e) { - e.preventDefault(); - let $this = $(this); - const $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 + '
    '); - - let 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 (data) { - // Removed loading class - setTimeout( () => $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 (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); \ No newline at end of file diff --git a/assets/src/js/public/components/masonry.js b/assets/src/js/public/components/masonry.js deleted file mode 100644 index c4b8f5ae92..0000000000 --- a/assets/src/js/public/components/masonry.js +++ /dev/null @@ -1,29 +0,0 @@ -// DOM Mutation observer -function initObserver() { - const targetNode = document.querySelector('.directorist-archive-contents'); - const observer = new MutationObserver( initMasonry ); - if(targetNode){ - observer.observe( targetNode, { childList: true } ); - } -} - -// All listings Masonry layout -function initMasonry() { - var $ = jQuery; - function authorsMasonry(selector) { - let authorsCard = $(selector); - $(authorsCard).each(function (id, elm) { - let authorsCardRow = $(elm).find('.directorist-masonry'); - let authorMasonryInit = $(authorsCardRow).imagesLoaded(function () { - $(authorMasonryInit).masonry({ - percentPosition: true, - horizontalOrder: true - }); - }) - }) - } - authorsMasonry('.directorist-archive-grid-view'); -} - -window.addEventListener('load', initObserver); -window.addEventListener('load', initMasonry); \ No newline at end of file diff --git a/assets/src/js/public/components/preferenceForm.js b/assets/src/js/public/components/preferenceForm.js deleted file mode 100644 index 2f57cd7aea..0000000000 --- a/assets/src/js/public/components/preferenceForm.js +++ /dev/null @@ -1,70 +0,0 @@ -; -(function ($) { - if ($('#display_author_email').length) { - $('#display_author_email').select2(); - } - window.addEventListener('load', () => { - 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 (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 (response) { - submit_button.removeAttr('disabled'); - console.log(response); - } - }); - // remove notice after five second - setTimeout(() => { - $("#directorist-preference-notice .directorist-alert").remove(); - }, 5000); - - // prevent the from submitting - return false; - }); - }); -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/public/components/profileForm.js b/assets/src/js/public/components/profileForm.js deleted file mode 100644 index b55854c1ce..0000000000 --- a/assets/src/js/public/components/profileForm.js +++ /dev/null @@ -1,113 +0,0 @@ -; -(function ($) { - window.addEventListener('load', () => { - 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 (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 - let 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 (response) { - submit_button.removeAttr('disabled'); - console.log(response); - } - }); - // remove notice after five second - setTimeout(() => { - $("#directorist-profile-notice .directorist-alert").remove(); - }, 5000); - - // prevent the from submitting - return false; - }); - }); -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/public/components/pureScriptTab.js b/assets/src/js/public/components/pureScriptTab.js deleted file mode 100644 index 92d8741603..0000000000 --- a/assets/src/js/public/components/pureScriptTab.js +++ /dev/null @@ -1,114 +0,0 @@ -/* - Plugin: PureScriptTab - Version: 1.0.0 - License: MIT -*/ - -const $ = jQuery; -pureScriptTab = (selector1) => { - var selector = document.querySelectorAll(selector1); - selector.forEach((el, index) => { - tab_items = el.querySelectorAll('.directorist-tab__nav__link'); - tab_items.forEach((element, index) => { - element.style.cursor = 'pointer'; - element.addEventListener('click', (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'); - - item_link.forEach((elm, ind) => { - elm.classList.remove('directorist-tab__nav__active'); - }); - event.target.classList.add('directorist-tab__nav__active'); - - section.forEach((element1, index) => { - element1.classList.remove('directorist-tab__pane--active'); - }); - var target = event.target.target; - document.getElementById(target).classList.add('directorist-tab__pane--active'); - }); - }); - }); -}; - -/* pureScriptTabChild = (selector1) => { - var selector = document.querySelectorAll(selector1); - selector.forEach((el, index) => { - a = el.querySelectorAll('.pst_tn_link'); - - - a.forEach((element, index) => { - - element.style.cursor = 'pointer'; - element.addEventListener('click', (event) => { - event.preventDefault(); - event.stopPropagation(); - - var ul = event.target.closest('.pst_tab_nav'), - main = ul.nextElementSibling, - item_a = ul.querySelectorAll('.pst_tn_link'), - section = main.querySelectorAll('.pst_tab_inner'); - - item_a.forEach((ela, ind) => { - ela.classList.remove('pstItemActive'); - }); - event.target.classList.add('pstItemActive'); - - - section.forEach((element1, index) => { - //console.log(element1); - element1.classList.remove('pstContentActive'); - }); - var target = event.target.target; - document.getElementById(target).classList.add('pstContentActive'); - }); - }); - }); -}; - -pureScriptTabChild2 = (selector1) => { - var selector = document.querySelectorAll(selector1); - selector.forEach((el, index) => { - a = el.querySelectorAll('.pst_tn_link-2'); - - - a.forEach((element, index) => { - - element.style.cursor = 'pointer'; - element.addEventListener('click', (event) => { - event.preventDefault(); - event.stopPropagation(); - - var ul = event.target.closest('.pst_tab_nav-2'), - main = ul.nextElementSibling, - item_a = ul.querySelectorAll('.pst_tn_link-2'), - section = main.querySelectorAll('.pst_tab_inner-2'); - - item_a.forEach((ela, ind) => { - ela.classList.remove('pstItemActive2'); - }); - event.target.classList.add('pstItemActive2'); - - - section.forEach((element1, index) => { - //console.log(element1); - element1.classList.remove('pstContentActive2'); - }); - var target = event.target.target; - document.getElementById(target).classList.add('pstContentActive2'); - }); - }); - }); -}; */ - -// if ($('.directorist-tab')) { -// pureScriptTab('.directorist-tab'); -// } - -/* pureScriptTab('.directorist-user-dashboard-tab'); -pureScriptTabChild('.atbdp-bookings-tab'); -pureScriptTabChild2('.atbdp-bookings-tab-inner'); */ \ No newline at end of file diff --git a/assets/src/js/public/components/register-form.js b/assets/src/js/public/components/register-form.js deleted file mode 100644 index d62b6da021..0000000000 --- a/assets/src/js/public/components/register-form.js +++ /dev/null @@ -1,63 +0,0 @@ -jQuery(($) => { - - // 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 - const 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 ( {data, success} ) { - // Removed loading class - setTimeout( () => $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( () => window.location.href = data.redirect_url, 500 ); - } - } ); - } ); -} ); \ No newline at end of file diff --git a/assets/src/js/public/components/reset-password.js b/assets/src/js/public/components/reset-password.js deleted file mode 100644 index ed096791e9..0000000000 --- a/assets/src/js/public/components/reset-password.js +++ /dev/null @@ -1,13 +0,0 @@ -jQuery(($) => { - $('.directorist-ResetPassword').on('submit', function() { - let 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; - }); -}); \ No newline at end of file diff --git a/assets/src/js/public/components/review.js b/assets/src/js/public/components/review.js deleted file mode 100644 index 6fbc17884c..0000000000 --- a/assets/src/js/public/components/review.js +++ /dev/null @@ -1,7 +0,0 @@ -// Helper Components -import './review/starRating' -// import './review/addReview' -// import './review/reviewAttatchment' -// import './review/deleteReview' -// import './review/reviewPagination' -import './review/advanced-review' \ No newline at end of file diff --git a/assets/src/js/public/components/review/addReview.js b/assets/src/js/public/components/review/addReview.js deleted file mode 100644 index 9e1cbf0e91..0000000000 --- a/assets/src/js/public/components/review/addReview.js +++ /dev/null @@ -1,215 +0,0 @@ -; -(function ($) { - window.addEventListener('load', () => { - // prepear_form_data - function prepear_form_data(form, field_map, data) { - if (!data || typeof data !== 'object') { - var data = {}; - } - for (var key in field_map) { - var field_item = field_map[key]; - var field_key = field_item.field_key; - var field_type = field_item.type; - - if ('name' === field_type) { - var field = form.find('[name="' + field_key + '"]'); - } else { - var field = form.find(field_key); - } - - if (field.length) { - var data_key = ('name' === field_type) ? field_key : field.attr('name'); - var data_value = (field.val()) ? field.val() : ''; - - data[data_key] = data_value; - } - } - return data; - } - - /*HELPERS*/ - 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; - } - - /* Add review to the database using ajax*/ - var submit_count = 1; - - $("#directorist-review-form").on("submit", function (e) { - e.preventDefault(); - if (submit_count > 1) { - // show error message - swal({ - title: directorist.warning, - text: directorist.not_add_more_than_one, - type: "warning", - timer: 2000, - showConfirmButton: false - }); - return false; // if user try to submit the form more than once on a page load then return false and get out - } - var $form = $(this); - var $data = $form.serialize(); - - var field_field_map = [{ - type: 'name', - field_key: 'post_id' - }, - { - type: 'id', - field_key: '#atbdp_review_nonce_form' - }, - { - type: 'id', - field_key: '#guest_user_email' - }, - { - type: 'id', - field_key: '#reviewer_name' - }, - { - type: 'id', - field_key: '#review_content' - }, - { - type: 'id', - field_key: '#directorist-review-rating' - }, - { - type: 'id', - field_key: '#review_duplicate' - }, - ]; - - var _data = { - action: 'save_listing_review', - directorist_nonce: directorist.directorist_nonce, - }; - - _data = prepear_form_data($form, field_field_map, _data); - - // atbdp_do_ajax($form, 'save_listing_review', _data, function (response) { - - jQuery.post(directorist.ajaxurl, _data, function (response) { - var output = ''; - var deleteBtn = ''; - var d; - var name = $form.find("#reviewer_name").val(); - var content = $form.find("#review_content").val(); - var rating = $form.find("#directorist-review-rating").val(); - var ava_img = $form.find("#reviewer_img").val(); - var approve_immediately = $form.find("#approve_immediately").val(); - var review_duplicate = $form.find("#review_duplicate").val(); - if (approve_immediately === 'no') { - if (content === '') { - // show error message - swal({ - title: "ERROR!!", - text: directorist.review_error, - type: "error", - timer: 2000, - showConfirmButton: false - }); - } else { - if (submit_count === 1) { - $('#directorist-client-review-list').prepend(output); // add the review if it's the first review of the user - $('.atbdp_static').remove(); - } - submit_count++; - if (review_duplicate === 'yes') { - swal({ - title: directorist.warning, - text: directorist.duplicate_review_error, - type: "warning", - timer: 3000, - showConfirmButton: false - }); - } else { - swal({ - title: directorist.success, - text: directorist.review_approval_text, - type: "success", - timer: 4000, - showConfirmButton: false - }); - } - } - - } else if (response.success) { - output += - '
    ' + - '' + - '
    ' + - '
    ' + - '
    ' + ava_img + '
    ' + - '
    ' + - '

    ' + name + '

    ' + - '' + response.data.date + ' ' + '
    ' + '
    ' + - '
    ' + print_static_rating(rating) + '
    ' + - '
    '; - if (directorist.enable_reviewer_content) { - output += - '
    ' + - '

    ' + content + '

    ' + - //'Reply ' + - '
    '; - } - output += - '
    '; - - // as we have saved a review lets add a delete button so that user cann delete the review he has just added. - deleteBtn += ''; - $form.append(deleteBtn); - if (submit_count === 1) { - $('#directorist-client-review-list').prepend(output); // add the review if it's the first review of the user - $('.atbdp_static').remove(); - } - var sectionToShow = $("#has_ajax").val(); - var sectionToHide = $(".atbdp_static"); - var sectionToHide2 = $(".directory_btn"); - if (sectionToShow) { - // $(sectionToHide).hide(); - $(sectionToHide2).hide(); - } - submit_count++; - // show success message - swal({ - title: directorist.review_success, - type: "success", - timer: 800, - showConfirmButton: false - }); - - //reset the form - $form[0].reset(); - // remove the notice if there was any - var $r_notice = $('#review_notice'); - if ($r_notice) { - $r_notice.remove(); - } - } else { - // show error message - swal({ - title: "ERROR!!", - text: directorist.review_error, - type: "error", - timer: 2000, - showConfirmButton: false - }); - } - }); - - return false; - }); - }); -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/public/components/review/advanced-review.js b/assets/src/js/public/components/review/advanced-review.js deleted file mode 100644 index ab88838604..0000000000 --- a/assets/src/js/public/components/review/advanced-review.js +++ /dev/null @@ -1,409 +0,0 @@ -window.addEventListener('load', () => { - ;(function ($) { - 'use strict'; - class ReplyFormObserver { - constructor() { - this.init(); - $(document).on('directorist_review_updated', () => this.init()); - } - - init() { - const node = document.querySelector('.commentlist'); - if (node) { - this.observe(node); - } - } - - observe(node) { - const config = { - childList: true, - subtree: true - }; - const observer = new MutationObserver(this.callback); - observer.observe(node, config); - } - - callback(mutationsList, observer) { - for (const mutation of mutationsList) { - const target = mutation.target; - if (mutation.removedNodes) { - target.classList.remove('directorist-form-added'); - for (const node of mutation.removedNodes) { - if (!node.id || node.id !== 'respond') { - continue; - } - const criteria = node.querySelector('.directorist-review-criteria'); - if (criteria) { - criteria.style.display = ''; - } - const ratings = node.querySelectorAll('.directorist-review-criteria-select'); - for (const rating of ratings) { - rating.removeAttribute('disabled'); - } - node.querySelector('#submit').innerHTML = 'Submit Review'; - node.querySelector('#comment').setAttribute('placeholder', 'Leave a review'); - //console.log(node.querySelector('#comment')) - } - } - - const form = target.querySelector('#commentform'); - if (form) { - target.classList.add('directorist-form-added'); - const isReview = target.classList.contains('review'); - const isEditing = target.classList.contains('directorist-form-editing'); - - if (!isReview || (isReview && !isEditing)) { - const criteria = form.querySelector('.directorist-review-criteria'); - if (criteria) { - criteria.style.display = 'none'; - } - const ratings = form.querySelectorAll('.directorist-review-criteria-select'); - for (const rating of ratings) { - rating.setAttribute('disabled', 'disabled'); - } - } - - const 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'); - } - } - }; - } - - class CommentEditHandler { - constructor() { - this.init(); - } - - init() { - $(document).on('submit', '#directorist-form-comment-edit', this.onSubmit); - } - - static showError($form, msg) { - $form.find('.directorist-alert').remove(); - $form.prepend(msg) - } - - onSubmit(event) { - event.preventDefault(); - const $form = $(event.target); - const originalButtonLabel = $form.find('[type="submit"]').val(); - $(document).trigger('directorist_review_before_submit', $form); - let formData = new FormData($form[0]); - - // Apply the filter - formData = wp.hooks.applyFilters('directorist_add_review_form_data', formData, 'directorist-advanced-review'); - const 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'); - const commentID = $form.find('input[name="comment_id"]').val(); - const $wrap = $('#div-comment-' + commentID); - - $wrap.addClass('directorist-comment-edit-request'); - - updateComment.done((data, status, request) => { - if (typeof data !== 'string' && !data.success) { - $wrap.removeClass('directorist-comment-edit-request'); - CommentEditHandler.showError($form, data.data.html); - return; - } - - let body = $('
    '); - body.append(data); - let comment_section = '.directorist-review-container'; - let comments = body.find(comment_section); - - $(comment_section).replaceWith(comments); - $(document).trigger('directorist_review_updated', data); - - let 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(data => { - CommentEditHandler.showError($form, data.responseText); - }); - - updateComment.always(() => { - $form.find('#comment').prop('disabled', false); - $form.find('[type="submit"]').prop('disabled', false).val(originalButtonLabel); - }); - - $(document).trigger('directorist_review_after_submit', $form); - } - } - class CommentAddReplyHandler { - constructor() { - this.init(); - } - - 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); - } - - static getErrorMsg($dom) { - if ($dom.find('p').length) { - $dom = $dom.find('p'); - } - - let words = $dom.text().split(':'); - if (words.length > 1) { - words.shift(); - } - - return words.join(' ').trim(); - } - - static showError(form, $dom) { - if (form.find('.directorist-alert').length) { - form.find('.directorist-alert').remove(); - } - const $error = $('
    ', { - class: 'directorist-alert directorist-alert-danger' - }).html(CommentAddReplyHandler.getErrorMsg($dom)); - form.prepend($error) - } - - onSubmit(event) { - event.preventDefault(); - console.log(wp.hooks); - const form = $('.directorist-review-container #commentform'); - const originalButtonLabel = form.find('[type="submit"]').val(); - $(document).trigger('directorist_review_before_submit', form); - let formData = new FormData(form[0]); - - // Apply the filter - formData = wp.hooks.applyFilters('directorist_add_review_form_data', formData, 'directorist-advanced-review'); - const 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((data, status, request) => { - var body = $('
    '); - body.append(data); - var comment_section = '.directorist-review-container'; - var comments = body.find(comment_section); - - const 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); - - let newComment = comments.find('.commentlist li:first-child'); - let 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(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', this.onSubmit); - $('#comment').prop('disabled', false); - form.find('[type="submit"]').prop('disabled', false).click(); - } - }); - - do_comment.always(() => { - $('#comment').prop('disabled', false); - $('#commentform').find('[type="submit"]').prop('disabled', false).val(originalButtonLabel); - }); - - $(document).trigger('directorist_review_after_submit', form); - } - } - - class CommentsManager { - constructor() { - this.$doc = $(document); - this.setupComponents(); - this.addEventListeners(); - } - - initStarRating() { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - - cancelOthersEditMode(currentCommentId) { - $('.directorist-comment-editing').each(function (index, comment) { - const $cancelButton = $(comment).find('.directorist-js-cancel-comment-edit'); - - if ($cancelButton.data('commentid') != currentCommentId) { - $cancelButton.click(); - } - }); - } - - cancelReplyMode() { - const replyLink = document.querySelector('.directorist-review-content #cancel-comment-reply-link'); - replyLink && replyLink.click(); - } - - addEventListeners() { - const self = this; - - this.$doc.on('directorist_review_updated', (event) => { - this.initStarRating(); - }); - - this.$doc.on('directorist_comment_edit_form_loaded', (event) => { - this.initStarRating(); - }); - - this.$doc.on('click', 'a[href="#respond"]', (event) => { - // First cancle the reply form then scroll to review form. Order matters. - this.cancelReplyMode(); - this.onWriteReivewClick(event); - }); - - this.$doc.on('click', '.directorist-js-edit-comment', function (event) { - event.preventDefault(); - - const $target = $(event.target); - const $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 (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(); - - const $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', (event) => { - event.preventDefault(); - const $target = $(event.target); - const $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); - }); - } - - onWriteReivewClick(event) { - event.preventDefault(); - let scrollTop = $('#respond').offset().top; - if ($('body').hasClass('admin-bar')) { - scrollTop = scrollTop - $('#wpadminbar').height(); - } - $('body, html').animate({ - scrollTop - }, 600); - } - - setupComponents() { - new ReplyFormObserver(); - new CommentAddReplyHandler(); - new CommentEditHandler(); - } - } - - const commentsManager = new CommentsManager(); - }(jQuery)); -}); \ No newline at end of file diff --git a/assets/src/js/public/components/review/deleteReview.js b/assets/src/js/public/components/review/deleteReview.js deleted file mode 100644 index e85f400e9d..0000000000 --- a/assets/src/js/public/components/review/deleteReview.js +++ /dev/null @@ -1,75 +0,0 @@ -; -(function ($) { - window.addEventListener('load', () => { - // remove the review of a user - var delete_count = 1; - - $(document).on('click', '#directorist-review-remove', function (e) { - e.preventDefault(); - if (delete_count > 1) { - // show error message - swal({ - title: "WARNING!!", - text: directorist.review_have_not_for_delete, - type: "warning", - timer: 2000, - showConfirmButton: false - }); - return false; // if user try to submit the form more than once on a page load then return false and get out - } - var $this = $(this); - var id = $this.data('review_id'); - var data = { - review_id: id, - action: "remove_listing_review", - directorist_nonce: directorist.directorist_nonce, - }; - - swal({ - title: directorist.review_sure_msg, - text: directorist.review_want_to_remove, - type: "warning", - cancelButtonText: directorist.review_cancel_btn_text, - showCancelButton: true, - confirmButtonColor: "#DD6B55", - confirmButtonText: directorist.review_delete_msg, - showLoaderOnConfirm: true, - closeOnConfirm: false - }, - function (isConfirm) { - if (isConfirm) { - // user has confirmed, now remove the review - - $.post(directorist.ajaxurl, data, function (response) { - if ('success' === response) { - // show success message - swal({ - title: "Deleted!!", - type: "success", - timer: 200, - showConfirmButton: false - }); - $("#single_review_" + id).slideUp(); - $this.remove(); - $('#review_content').empty(); - $(".directorist-review-form-action").remove(); - $("#directorist-client-review-list").remove(); - $("#reviewCounter").hide(); - delete_count++; // increase the delete counter so that we do not need to delete the review more than once. - } else { - // show error message - swal({ - title: "ERROR!!", - text: directorist.review_wrong_msg, - type: "error", - timer: 2000, - showConfirmButton: false - }); - } - }); - } - }); - // send an ajax request to the ajax-handler.php and then delete the review of the given id - }); - }); -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/public/components/review/reviewAttatchment.js b/assets/src/js/public/components/review/reviewAttatchment.js deleted file mode 100644 index 99424ce5f3..0000000000 --- a/assets/src/js/public/components/review/reviewAttatchment.js +++ /dev/null @@ -1,38 +0,0 @@ -; -(function ($) { - window.addEventListener('load', () => { - // Review Attatchment - function handleFiles(files) { - var preview = document.getElementById('atbd_up_preview'); - for (var i = 0; i < files.length; i++) { - var file = files[i]; - - if (!file.type.startsWith('image/')) { - continue - } - - var img = document.createElement("img"); - img.classList.add("atbd_review_thumb"); - - var imgWrap = document.createElement('div'); - imgWrap.classList.add('atbd_up_prev'); - - preview.appendChild(imgWrap); // Assuming that "preview" is the div output where the content will be displayed. - imgWrap.appendChild(img); - $(imgWrap).append('x'); - - var reader = new FileReader(); - reader.onload = (function (aImg) { - return function (e) { - aImg.src = e.target.result; - }; - })(img); - reader.readAsDataURL(file); - } - } - - $('#atbd_review_attachment').on('change', function (e) { - handleFiles(this.files); - }); - }); -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/public/components/review/reviewPagination.js b/assets/src/js/public/components/review/reviewPagination.js deleted file mode 100644 index cf5b1acf2d..0000000000 --- a/assets/src/js/public/components/review/reviewPagination.js +++ /dev/null @@ -1,35 +0,0 @@ -; -(function ($) { - window.addEventListener('load', () => { - // Review Pagination Control - function atbdp_load_all_posts(page) { - - var listing_id = $('#review_post_id').attr('data-post-id'); - // Data to receive from our server - // the value in 'action' is the key that will be identified by the 'wp_ajax_' hook - var data = { - page: page, - listing_id: listing_id, - action: "atbdp_review_pagination", - directorist_nonce: directorist.directorist_nonce, - }; - - // Send the data - $.post(directorist.ajaxurl, data, function (response) { - // If successful Append the data into our html container - $('#directorist-client-review-list').empty().append(response); - }); - } - - // Load page 1 as the default - if ($('#directorist-client-review-list').length) { - atbdp_load_all_posts(1); - } - - // Handle the clicks - $('body').on('click', '.atbdp-universal-pagination li.atbd-active', function () { - var page = $(this).attr('data-page'); - atbdp_load_all_posts(page); - }); - }); -})(jQuery); \ No newline at end of file diff --git a/assets/src/js/public/components/review/starRating.js b/assets/src/js/public/components/review/starRating.js deleted file mode 100644 index a95eb594a4..0000000000 --- a/assets/src/js/public/components/review/starRating.js +++ /dev/null @@ -1,10 +0,0 @@ -window.addEventListener('load', () => { - ;(function ($) { - //Star rating - if ($('.directorist-review-criteria-select').length) { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - })(jQuery); -}); \ No newline at end of file diff --git a/assets/src/js/public/components/update-view-count.js b/assets/src/js/public/components/update-view-count.js deleted file mode 100644 index 926f589ed4..0000000000 --- a/assets/src/js/public/components/update-view-count.js +++ /dev/null @@ -1,83 +0,0 @@ -/** - * Update listings grid view count. - */ -jQuery(($) => { - const isDynamicViewCountCacheEnabled = Boolean(window.directorist?.dynamic_view_count_cache); - - if (!isDynamicViewCountCacheEnabled) { - return; - } - - const updateMarkup = (viewCounts) => { - for (const [id, count] of Object.entries(viewCounts)) { - const $el = $(`.directorist-view-count[data-id="${id}"]`); - const $elIcon = $el.find('.directorist-icon-mask'); - - if ($elIcon.length) { - $elIcon[0].nextSibling.textContent = count; - } else { - $el.text(count); - } - } - }; - - let ids = []; - $('.directorist-view-count[data-id]').each((i, item) => { - ids.push(+item.dataset.id); - }); - - if (ids.length === 0) { - return; - } - - const CACHE_EXPIRATION = 1000 * 60 * 60 * 5; // 5 hours. - let cache = window.localStorage?.getItem('directorist_view_count'); - let hasCache = false; - - if (cache) { - cache = JSON.parse(cache); - const cachedIds = cache?.viewCount || {}; - hasCache = Object.keys(cachedIds).length; - - ids = ids.filter((id) => { - return !(id in cachedIds); - }); - - if (hasCache && cache?.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, - }, - (response) => { - if (!response.success) { - console.warn( response.data.message ); - return; - } - - updateMarkup(response.data.view_count); - - if (hasCache) { - response.data.view_count = { - ...cache.viewCount, - ...response.data.view_count, - }; - } - - window.localStorage?.setItem('directorist_view_count', JSON.stringify({ - lastUpdated: Date.now(), - viewCount: response.data.view_count, - })); - } - ); -}); diff --git a/assets/src/js/public/components/validator.js b/assets/src/js/public/components/validator.js deleted file mode 100644 index b2840b9825..0000000000 --- a/assets/src/js/public/components/validator.js +++ /dev/null @@ -1,236 +0,0 @@ -jQuery(document).ready(function ($) { - function to_top(top) { - $([document.documentElement, document.body]).animate({ - scrollTop: $(top).offset().top - }, 1000); - } - - need_post = false; - if ($("input[name='need_post']").length > 0) { - $("input[name='need_post']").on('change', function () { - if ('yes' === this.value) { - need_post = true; - } - }); - } - - // @kowsar @todo rebuild validation - /* - $('.directorist-form-submit__btn').on('click', function (e) { - $('.atbdp_required').css({display: "none"}); - var w_icon = ' '; - //title - if ($("input[name='listing_title']").length > 0) { - var title = $("input[name='listing_title']").val(); - var required_title = add_listing_validator.title; - if ('' === title && '' !== required_title) { - $("input[name='listing_title']").after('' + w_icon + required_title + ''); - to_top('#atbdp_listing_title'); - return false; - } - } - //description - if ($("#listing_content_ifr").length > 0) { - var iframe = $('#listing_content_ifr'); - var description = $('#tinymce[data-id="listing_content"]', iframe.contents()).text(); - var required_description = add_listing_validator.description; - if ('' === description && '' !== required_description) { - $("#wp-listing_content-wrap").after('' + w_icon + required_description + ''); - to_top('#atbdp_listing_content'); - return false; - } - } - - //Price - if ($("input[name='price']").length > 0) { - var price = $("input[name='price']").val(); - var required_price = add_listing_validator.price; - if ('' === price && '' !== required_price && !need_post) { - $("#atbd_pricing").append('' + w_icon + required_price + ''); - to_top('#atbd_pricing'); - - return false; - } - } - - //Price range - if ($("select[name='price_range']").length > 0) { - var price_range = $("select[name='price_range']").val(); - var required_price_range = add_listing_validator.price_range; - if ('' === price_range && '' !== required_price_range) { - $("#atbd_pricing").after('' + w_icon + required_price_range + ''); - to_top('#atbd_pricing'); - return false; - } - } - - //excerpt - if ($('textarea#atbdp_excerpt').length > 0) { - var excerpt = $("textarea#atbdp_excerpt").val(); - var required_excerpt = add_listing_validator.excerpt; - if ('' === excerpt && '' !== required_excerpt && !need_post) { - $("textarea#atbdp_excerpt").after('' + w_icon + required_excerpt + ''); - to_top('#atbdp_excerpt'); - return false; - } - } - - //location - if ($("#at_biz_dir-location").length > 0) { - var location = $("#at_biz_dir-location").val(); - var required_location = add_listing_validator.location; - if (null === location && '' !== required_location && !need_post) { - $("#atbdp_locations").append('' + w_icon + required_location + ''); - to_top('#atbdp_locations'); - return false; - } - } - //tag - if ($("#at_biz_dir-tags").length > 0) { - var tag = $("#at_biz_dir-tags").val(); - var required_tag = add_listing_validator.tag; - if (null === tag && '' !== required_tag) { - $("#atbdp_tags").append('' + w_icon + required_tag + ''); - to_top('#atbdp_tags'); - return false; - } - } - - //category - if ($("#at_biz_dir-categories").length > 0) { - var category = $("#at_biz_dir-categories").val(); - var required_category = add_listing_validator.category; - if (null === category && '' !== required_category) { - $("#atbdp_categories").append('' + w_icon + required_category + ''); - to_top('#atbdp_categories'); - return false; - } - } - - //address - if ($("input[name='address']").length > 0) { - var address = $("input[name='address']").val(); - var required_address = add_listing_validator.address; - if ('' === address && '' !== required_address) { - $("input[name='address']").after('' + w_icon + required_address + ''); - to_top('#atbdp_address'); - return false; - } - } - //phone - if ($("input[name='phone']").length > 0) { - var phone = $("input[name='phone']").val(); - var required_phone = add_listing_validator.phone; - if ('' === phone && '' !== required_phone && !need_post) { - $("#atbdp_phone").append('' + w_icon + required_phone + ''); - to_top('#atbdp_phone'); - return false; - } - } - //phone2 - if ($("input[name='phone2']").length > 0) { - var phone = $("input[name='phone2']").val(); - var required_phone2 = add_listing_validator.phone2; - if ('' === phone && '' !== required_phone2 && !need_post) { - $("#atbdp_phone2").append('' + w_icon + required_phone2 + ''); - to_top('#atbdp_phone2'); - return false; - } - } - //fax - if ($("input[name='fax']").length > 0) { - var fax = $("input[name='fax']").val(); - var required_fax = add_listing_validator.fax; - if ('' === fax && '' !== required_fax && !need_post) { - $("#atbdp_fax_number").append('' + w_icon + required_fax + ''); - to_top('#atbdp_fax_number'); - return false; - } - } - //email - if ($("input[name='email']").length > 0) { - var email = $("input[name='email']").val(); - var required_email = add_listing_validator.email; - if ('' === email && '' !== required_email && !need_post) { - $("#atbdp_emails").append('' + w_icon + required_email + ''); - to_top('#atbdp_emails'); - return false; - } - } - - //web - if ($("input[name='website']").length > 0) { - var web = $("input[name='website']").val(); - var required_web = add_listing_validator.web; - if ('' === web && '' !== required_web && !need_post) { - $("#atbdp_webs").append('' + w_icon + required_web + ''); - to_top('#atbdp_webs'); - return false; - } - } - - //zip - if ($("input[name='zip']").length > 0) { - var zip = $("input[name='zip']").val(); - var required_zip = add_listing_validator.zip; - if ('' === zip && '' !== required_zip && !need_post) { - $("#atbdp_zip_code").append('' + w_icon + required_zip + ''); - to_top('#atbdp_zip_code'); - return false; - } - } - - //Sinfo - if ($("#atbdp_socialInFo").length > 0) { - var Sinfo = $(".directorist-form-social-fields").length; - var required_Sinfo = add_listing_validator.Sinfo; - if (0 === Sinfo && '' !== required_Sinfo && !need_post) { - $("#atbdp_socialInFo").append('' + w_icon + required_Sinfo + ''); - to_top('#atbdp_socialInFo'); - return false; - } - } - - //video - if ($("input[name='videourl']").length > 0) { - var video = $("input[name='videourl']").val(); - var required_video = add_listing_validator.video; - if ('' === video && '' !== required_video && !need_post) { - $("input[name='videourl']").after('' + w_icon + required_video + ''); - return false; - } - } - - //privacy - if ($("#privacy_policy").length > 0) { - var privacy = $("#privacy_policy").is(":checked"); - var required_privacy = add_listing_validator.require_privacy; - if (false === privacy && '' !== required_privacy) { - $(".directorist-form-privacy").append('' + w_icon + required_privacy + ''); - return false; - } - } - - // terms and conditions - if ($("#listing_t").length > 0) { - var terms = $("#listing_t").is(":checked"); - var required_terms = add_listing_validator.terms; - if (false === terms && '' !== required_terms) { - $(".directorist-form-terms").append('' + w_icon + required_terms + ''); - return false; - } - } - - //guest user - if ($("#guest_user_email").length > 0) { - var guest_user_email = $("input[name='guest_user_email']").val(); - var allow_guest = add_listing_validator.guest_user; - if ('' === guest_user_email && '' !== allow_guest) { - $("input[name='guest_user_email']").after('' + w_icon + allow_guest + ''); - return false; - } - } - }); - */ - -}); \ No newline at end of file diff --git a/assets/src/js/public/lib/dashTab.js b/assets/src/js/public/lib/dashTab.js deleted file mode 100644 index e5df07ebdb..0000000000 --- a/assets/src/js/public/lib/dashTab.js +++ /dev/null @@ -1,139 +0,0 @@ -/* - 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() { - let hash = window.location.hash; - let queryStrings = null; - - // Split the URL into its components - var urlParts = hash.split(/[?|&]/); - - if ( urlParts.length > 1 ) { - // Get Hash Link - const hashLink = urlParts[0]; - - // Get the search parameters - queryStrings = JSON.parse( JSON.stringify( urlParts ) ); - queryStrings.splice( 0, 1 ); - queryStrings = queryStrings.filter( item => `${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'); - - for ( const link of navLinks ) { - let href = link.getAttribute( 'href' ); - let target = link.getAttribute( 'target' ); - - if ( href === hash || `#${target}` === hash || window.location.hash.match( new RegExp( `^${href}$` ) ) ) { - const parent = link.closest( '.atbdp_tab_nav--has-child' ); - - if ( parent ) { - const dropdownMenu = parent.querySelector( '.atbd-dashboard-nav' ); - if ( dropdownMenu ) { - dropdownMenu.style.display = 'block'; - } - } - - link.click(); - break; - } - } - - // Update Window History - 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((el) => { - const links = el.querySelectorAll('.directorist-tab__nav__link:not(.atbd-dash-nav-dropdown)'); - links.forEach((link) => { - link.style.cursor = 'pointer'; - link.addEventListener('click', (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((link) => { - link.classList.remove('directorist-tab__nav__active'); - }); - - const parentNavRef = event.target.getAttribute( 'data-parent-nav' ); - - if ( parentNavRef ) { - const parentNav = document.querySelector( parentNavRef ); - if ( parentNav ) { - parentNav.classList.add('directorist-tab__nav__active'); - } - } else { - event.target.classList.add('directorist-tab__nav__active'); - var dropDownToggler = event.target.closest('.atbdp_tab_nav--has-child')?.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((sectionItem) => { - sectionItem.classList.remove('directorist-tab__pane--active'); - }); - - const content_id = event.target.getAttribute('target'); - document.getElementById(content_id).classList.add('directorist-tab__pane--active'); - - // Add Hash To Window Location - let hashID = content_id; - const link = event.target.getAttribute('href'); - - if (link) { - const matchLink = link.match(/#(.+)/); - hashID = matchLink ? matchLink[1] : hashID; - } - - const hasMatch = window.location.hash.match( new RegExp( `^${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(); - } - }; -})(); diff --git a/assets/src/js/public/listing-slider.js b/assets/src/js/public/listing-slider.js deleted file mode 100644 index dfbead002b..0000000000 --- a/assets/src/js/public/listing-slider.js +++ /dev/null @@ -1,497 +0,0 @@ -/*** - All Listing Slider -***/ -(function ($) { - // All Listing Slider - function allListingSlider() { - /* Check Slider Data */ - let checkData = function (data, value) { - return typeof data === "undefined" ? value : data; - }; - - /* Swiper Slider Listing */ - let swiperCarouselListing = document.querySelectorAll( - ".directorist-swiper-listing" - ); - - swiperCarouselListing.forEach(function (el, i) { - let navBtnPrev = document.querySelectorAll( - ".directorist-swiper-listing .directorist-swiper__nav--prev-listing" - ); - let navBtnNext = document.querySelectorAll( - ".directorist-swiper-listing .directorist-swiper__nav--next-listing" - ); - let swiperPagination = document.querySelectorAll( - ".directorist-swiper-listing .directorist-swiper__pagination--listing" - ); - - navBtnPrev.forEach((el, i) => { - el.classList.add(`directorist-swiper__nav--prev-listing-${i}`); - }); - navBtnNext.forEach((el, i) => { - el.classList.add(`directorist-swiper__nav--next-listing-${i}`); - }); - swiperPagination.forEach((el, i) => { - el.classList.add(`directorist-swiper__pagination--listing-${i}`); - }); - - el.classList.add(`directorist-swiper-listing-${i}`); - - let swiperConfig = { - slidesPerView: checkData(parseInt(el.dataset.swItems), 4), - spaceBetween: checkData(parseInt(el.dataset.swMargin), 30), - loop: checkData(el.dataset.swLoop, true), - slidesPerGroup: checkData(parseInt(el.dataset.swPerslide), 1), - speed: checkData(parseInt(el.dataset.swSpeed), 300), - navigation: { - nextEl: `.directorist-swiper__nav--next-listing-${i}`, - prevEl: `.directorist-swiper__nav--prev-listing-${i}`, - }, - pagination: { - el: `.directorist-swiper__pagination--listing-${i}`, - type: "bullets", - clickable: true, - }, - breakpoints: checkData( - el.dataset.swResponsive - ? JSON.parse(el.dataset.swResponsive) - : undefined, - {} - ), - }; - - // Conditionally add autoplay property - const enableAutoplay = checkData(el.dataset.swAutoplay, "false"); - - // Conditionally add autoplay property - if (enableAutoplay === "true") { - swiperConfig.autoplay = { - delay: checkData(parseInt(el.dataset.swSpeed), 500), - disableOnInteraction: false, - }; - } - - let swiper = new Swiper(`.directorist-swiper-listing-${i}`, swiperConfig); - }); - - /* Swiper Slider Related Listing */ - let swiperCarouselRelated = document.querySelectorAll( - ".directorist-swiper-related-listing" - ); - - swiperCarouselRelated.forEach(function (el, i) { - // Assign unique classes - let navBtnPrev = document.querySelectorAll( - ".directorist-swiper-related-listing .directorist-swiper__nav--prev-related" - ); - let navBtnNext = document.querySelectorAll( - ".directorist-swiper-related-listing .directorist-swiper__nav--next-related" - ); - let swiperPagination = document.querySelectorAll( - ".directorist-swiper-related-listing .directorist-swiper__pagination--related" - ); - - navBtnPrev.forEach((el, i) => - el.classList.add(`directorist-swiper__nav--prev-related-${i}`) - ); - navBtnNext.forEach((el, i) => - el.classList.add(`directorist-swiper__nav--next-related-${i}`) - ); - swiperPagination.forEach((el, i) => - el.classList.add(`directorist-swiper__pagination--related-${i}`) - ); - el.classList.add(`directorist-swiper-related-listing-${i}`); - - // Count slides directly from the DOM - let relatedWrapper = el.querySelector(".swiper-wrapper"); - let totalSlides = relatedWrapper ? relatedWrapper.children.length : 0; - - // Get Data Attribute - let baseSlidesPerView = checkData(parseInt(el.dataset.swItems), 4); - let responsiveBreakPoints = checkData( - el.dataset.swResponsive - ? JSON.parse(el.dataset.swResponsive) - : undefined, - {} - ); - - let swiper = null; // Store swiper instance here - let currentLoop = null; // Track last loop value - - // Init or Reinit Swiper - function initSwiper(loopValue) { - // Destroy previous if exists - if (swiper) { - swiper.destroy(true, true); - } - - // Store loopValue to detect future changes - currentLoop = loopValue; - - let config = { - slidesPerView: baseSlidesPerView, - spaceBetween: checkData(parseInt(el.dataset.swMargin), 30), - loop: loopValue, - slidesPerGroup: checkData(parseInt(el.dataset.swPerslide), 1), - navigation: { - nextEl: `.directorist-swiper__nav--next-related-${i}`, - prevEl: `.directorist-swiper__nav--prev-related-${i}`, - }, - pagination: { - el: `.directorist-swiper__pagination--related-${i}`, - type: "bullets", - clickable: true, - }, - breakpoints: responsiveBreakPoints, - }; - - // Add autoplay if enabled - if (checkData(el.dataset.swAutoplay, "false") === "true") { - config.autoplay = { - delay: checkData(parseInt(el.dataset.swSpeed), 500), - disableOnInteraction: false, - pauseOnMouseEnter: true, - }; - } - - swiper = new Swiper(`.directorist-swiper-related-listing-${i}`, config); - } - - function getCurrentSlidesPerView() { - let windowWidth = window.innerWidth; - let slides = baseSlidesPerView; - - if (responsiveBreakPoints) { - let breakPoints = Object.keys(responsiveBreakPoints) - .map((k) => parseInt(k)) - .sort((a, b) => a - b); - for (let point of breakPoints) { - if ( - windowWidth >= point && - responsiveBreakPoints[point].slidesPerView - ) { - slides = responsiveBreakPoints[point].slidesPerView; - } - } - } - - return slides; - } - - function checkAndUpdateSwiper() { - let currentSlidesPerView = getCurrentSlidesPerView(); - let loopShouldBeEnabled = - checkData(el.dataset.swLoop, false) === "true" && - totalSlides > currentSlidesPerView; - - if (loopShouldBeEnabled !== currentLoop) { - initSwiper(loopShouldBeEnabled); - } - - // Add class if only 1 bullet exists - if (totalSlides === 1) { - el.classList.add("slider-has-one-item"); - } else { - el.classList.remove("slider-has-one-item"); - } - - // Add or remove "less items" class - if (totalSlides <= currentSlidesPerView) { - el.classList.add("slider-has-less-items"); - } else { - el.classList.remove("slider-has-less-items"); - } - } - - // Initial setup - checkAndUpdateSwiper(); - - // Recheck on window resize - window.addEventListener("resize", () => { - checkAndUpdateSwiper(); - }); - }); - - /* Swiper Slider Single Listing */ - let singleListingSlider = document.querySelectorAll( - ".directorist-single-listing-slider-wrap" - ); - - singleListingSlider.forEach(function (el, i) { - // Get Data Attribute - let dataWidth = el.getAttribute("data-width"); - let dataHeight = el.getAttribute("data-height"); - let dataRTL = el.getAttribute("data-rtl"); - let dataBackgroundColor = el.getAttribute("data-background-color"); - let dataBackgroundSize = el.getAttribute("data-background-size"); - let dataBackgroundBlur = el.getAttribute("data-blur-background"); - let dataShowThumbnails = el.getAttribute("data-show-thumbnails"); - let dataThumbnailsBackground = el.getAttribute( - "data-thumbnail-background-color" - ); - - // Find Sliders - let swiperCarouselSingleListingThumb = el.querySelector( - ".directorist-single-listing-slider-thumb" - ); - let swiperCarouselSingleListing = el.querySelector( - ".directorist-single-listing-slider" - ); - - // Single Listing Thumb Init - let swiperSingleListingThumb = new Swiper( - swiperCarouselSingleListingThumb, - { - slidesPerView: 6, - spaceBetween: 10, - loop: false, - freeMode: true, - navigation: { - nextEl: `.directorist-swiper__nav--next-single-listing-thumb`, - prevEl: `.directorist-swiper__nav--prev-single-listing-thumb`, - }, - pagination: { - el: `.directorist-swiper__pagination--single-listing-thumb`, - type: "bullets", - clickable: true, - }, - breakpoints: { - 0: { - slidesPerView: 1, - spaceBetween: 0, - }, - 480: { - slidesPerView: 2, - }, - 767: { - slidesPerView: 3, - }, - 1200: { - slidesPerView: 4, - }, - 1440: { - slidesPerView: 5, - }, - 1600: { - slidesPerView: 6, - }, - }, - } - ); - - let singleSliderTotalSlides = swiperCarouselSingleListing.querySelectorAll( - ".swiper-slide:not(.swiper-slide-duplicate)" - ); - let singleSliderLoopEnable = singleSliderTotalSlides.length > 1; - - // Single Listing Slider Config - let swiperSingleListingConfig = { - slidesPerView: 1, - spaceBetween: 0, - loop: singleSliderLoopEnable, - slidesPerGroup: 1, - observer: true, - observeParents: true, - navigation: { - nextEl: `.directorist-swiper__nav--next-single-listing`, - prevEl: `.directorist-swiper__nav--prev-single-listing`, - }, - pagination: { - el: `.directorist-swiper__pagination--single-listing`, - type: "bullets", - clickable: true, - }, - }; - - // Single Slider Thumb Config - if (swiperCarouselSingleListingThumb) { - swiperSingleListingConfig.thumbs = { - swiper: swiperSingleListingThumb, - }; - } - - // Initialize Swiper - let swiperSingleListing = new Swiper( - swiperCarouselSingleListing, - swiperSingleListingConfig - ); - - // Function to update blurred background - const updateBlurredBackground = () => { - // Check if the blurred background element exists - let blurredBackground = swiperCarouselSingleListing.querySelector( - ".blurred-background" - ); - - // If it doesn't exist, create it - if (!blurredBackground) { - blurredBackground = document.createElement("div"); // Create a new div - blurredBackground.classList.add("blurred-background"); // Add the class - swiperCarouselSingleListing.appendChild(blurredBackground); // Append it to the section - } - - // Get the active slide image - const activeSlide = swiperCarouselSingleListing.querySelector( - ".swiper-slide-active img" - ); - if (activeSlide) { - const activeImageSrc = activeSlide.src; // Get the source of the active image - swiperCarouselSingleListing.style.backgroundColor = "transparent"; // Remove background color - blurredBackground.style.backgroundImage = `url(${activeImageSrc})`; // Set as background image - blurredBackground.style.backgroundSize = "cover"; // Ensure it covers the div - blurredBackground.style.filter = "blur(10px)"; // Apply blur - blurredBackground.style.position = "absolute"; // Position it behind other content - blurredBackground.style.top = "0"; - blurredBackground.style.left = "0"; - blurredBackground.style.right = "0"; - blurredBackground.style.bottom = "0"; - blurredBackground.style.transform = "scale(1.5)"; - } - }; - - // Attach the slideChangeTransitionEnd event listener - if (dataBackgroundBlur === "1") { - swiperSingleListing.on( - "slideChangeTransitionEnd", - updateBlurredBackground - ); // Use slideChangeTransitionEnd here - } - - // Loop Destroy on Single Slider Item - let sliderItemsCount = swiperCarouselSingleListing.querySelectorAll( - ".directorist-swiper__pagination .swiper-pagination-bullet" - ); - let swiperListingThumb = swiperCarouselSingleListing.parentElement.querySelector( - ".directorist-single-listing-slider-thumb" - ); - - if (sliderItemsCount.length <= 1) { - swiperSingleListing.loopDestroy(); - swiperCarouselSingleListing.classList.add("slider-has-one-item"); - if (swiperListingThumb) { - swiperListingThumb.style.display = "none"; - } - } - - // Add Styles - if (swiperCarouselSingleListing) { - swiperCarouselSingleListing.dir = dataRTL !== "0" ? "rtl" : "ltr"; - swiperCarouselSingleListing.style.width = dataWidth - ? dataWidth + "px" - : "100%"; - swiperCarouselSingleListing.style.height = dataHeight - ? dataHeight + "px" - : "auto"; - swiperCarouselSingleListing.style.backgroundSize = dataBackgroundSize - ? dataBackgroundSize - : ""; - - // Initial setup - if (dataBackgroundSize === "contain") { - swiperCarouselSingleListing.style.backgroundColor = dataBackgroundColor - ? dataBackgroundColor - : "transparent"; - - // Call the update function for initial setup if blur is active - if (dataBackgroundBlur === "1") { - updateBlurredBackground(); // Set initial blurred background - } else { - // If blur is not active, remove the blurred background if it exists - const blurredBackground = swiperCarouselSingleListing.querySelector( - ".blurred-background" - ); - if (blurredBackground) { - swiperCarouselSingleListing.removeChild(blurredBackground); - } - } - } - } - - if (swiperCarouselSingleListingThumb) { - // swiperCarouselSingleListingThumb.style.display = dataShowThumbnails == '0' ? 'none' : ''; - swiperCarouselSingleListingThumb.style.width = dataWidth - ? dataWidth + "px" - : "100%"; - swiperCarouselSingleListingThumb.style.backgroundColor = dataThumbnailsBackground - ? dataThumbnailsBackground - : "transparent"; - } - }); - } - - // Slider Call on Page Load - window.addEventListener("load", () => { - if ($(".directorist-archive-items .directorist-swiper-listing")) { - allListingSlider(); - } - - $("body").on( - "input keyup change", - ".directorist-archive-contents form", - function (e) { - if (e.target.classList.contains("directorist-location-js")) { - sliderObserver(); - } - } - ); - }); - - // Slider Call on Page instant search - window.addEventListener("directorist-instant-search-reloaded", () => { - if ($(".directorist-archive-items .directorist-swiper-listing")) { - allListingSlider(); - } - }); - - // Mutation Observer on Range Slider - function sliderObserver() { - let rangeSliders = document.querySelectorAll( - ".directorist-custom-range-slider__value input" - ); - - rangeSliders.forEach((rangeSlider) => { - if (rangeSlider) { - let timeout; - const observerCallback = (mutationList, observer) => { - for (const mutation of mutationList) { - if (mutation.attributeName == "value") { - clearTimeout(timeout); - timeout = setTimeout(() => { - allListingSlider(); - }, 1000); - } - } - }; - - const observer = new MutationObserver(observerCallback); - observer.observe(rangeSlider, { - attributes: true, - childList: true, - subtree: true, - }); - } - }); - } - - /* Slider Call on Elementor EditMode */ - $(window).on("elementor/frontend/init", function () { - setTimeout(function () { - if ($("body").hasClass("elementor-editor-active")) { - allListingSlider(); - } - if ($("body").hasClass("elementor-editor-active")) { - allListingSlider(); - } - }, 3000); - }); - - $("body").on("click", function (e) { - if ( - $("body").hasClass("elementor-editor-active") && - e.target.nodeName !== "A" && - e.target.nodeName !== "BUTTON" - ) { - allListingSlider(); - } - }); -})(jQuery); diff --git a/assets/src/js/public/main.js b/assets/src/js/public/main.js deleted file mode 100644 index a479221475..0000000000 --- a/assets/src/js/public/main.js +++ /dev/null @@ -1,36 +0,0 @@ -/* - File: Main.js - Plugin: Directorist – Business Directory & Classified Listings WordPress Plugin - Author: wpWax - Author URI: www.wpwax.com -*/ -// console.log( directorist_options ) -// Styles -import './../../scss/layout/public/main-style.scss'; - -import './../global/global'; - -// 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'; \ No newline at end of file diff --git a/assets/src/js/public/modules/account.js b/assets/src/js/public/modules/account.js deleted file mode 100644 index bd308e523a..0000000000 --- a/assets/src/js/public/modules/account.js +++ /dev/null @@ -1,6 +0,0 @@ -// General Components -import '../components/directoristAlert'; -import '../components/login'; -import '../components/reset-password'; -import '../components/register-form'; -import '../../global/components/modal'; \ No newline at end of file diff --git a/assets/src/js/public/modules/add-listing.js b/assets/src/js/public/modules/add-listing.js deleted file mode 100644 index 4a69618422..0000000000 --- a/assets/src/js/public/modules/add-listing.js +++ /dev/null @@ -1,4 +0,0 @@ -// General Components -/* import '../components/directoristDropdown'; -import '../components/directoristSelect'; -import '../components/colorPicker'; */ \ No newline at end of file diff --git a/assets/src/js/public/modules/all-authors.js b/assets/src/js/public/modules/all-authors.js deleted file mode 100644 index 3fb5c7e159..0000000000 --- a/assets/src/js/public/modules/all-authors.js +++ /dev/null @@ -1,2 +0,0 @@ -//General Components -import '../components/author'; \ No newline at end of file diff --git a/assets/src/js/public/modules/all-listings.js b/assets/src/js/public/modules/all-listings.js deleted file mode 100644 index 7693655d6a..0000000000 --- a/assets/src/js/public/modules/all-listings.js +++ /dev/null @@ -1,28 +0,0 @@ -/* - File: all-listings.js - Plugin: Directorist – Business Directory & Classified Listings WordPress Plugin - Author: wpWax - Author URI: www.wpwax.com -*/ - -import '../../../scss/layout/public/main-style.scss'; - -// General Components -import '../components/general'; -import '../components/helpers'; -import '../components/review'; -import '../components/directoristSorting'; -import '../components/directoristAlert'; -import '../components/gridResponsive'; -import '../components/directoristFavorite'; -import '../components/directoristDropdown'; -import '../components/directoristSelect'; -import '../components/categoryLocation'; -import '../components/colorPicker'; -import '../components/legacy-support'; -import '../components/masonry'; -import '../components/instantSearch'; -import '../../global/components/setup-select2'; -import '../../global/components/select2-custom-control'; -import '../components/archive-sidebar'; -import '../components/update-view-count'; diff --git a/assets/src/js/public/modules/all-location-category.js b/assets/src/js/public/modules/all-location-category.js deleted file mode 100644 index 6a98aaf860..0000000000 --- a/assets/src/js/public/modules/all-location-category.js +++ /dev/null @@ -1 +0,0 @@ -import '../components/categoryLocation'; \ No newline at end of file diff --git a/assets/src/js/public/modules/author-profile.js b/assets/src/js/public/modules/author-profile.js deleted file mode 100644 index d002cb9370..0000000000 --- a/assets/src/js/public/modules/author-profile.js +++ /dev/null @@ -1,8 +0,0 @@ - -// General Components -import '../components/general'; -import '../components/review/starRating'; -import '../components/directoristSorting'; -import '../components/directoristAlert'; -import '../components/directoristFavorite'; -import '../components/directoristDropdown'; \ No newline at end of file diff --git a/assets/src/js/public/modules/dashboard.js b/assets/src/js/public/modules/dashboard.js deleted file mode 100644 index dbac091bec..0000000000 --- a/assets/src/js/public/modules/dashboard.js +++ /dev/null @@ -1,21 +0,0 @@ -// Lib -import '../lib/dashTab'; - -// Dashboard Js -import '../components/dashboard/dashboardSidebar'; -import '../components/dashboard/dashboardTab'; -import '../components/dashboard/dashboardListing'; -import '../components/dashboard/dashBoardMoreBtn'; -import '../components/dashboard/dashboardResponsive'; -import '../components/dashboard/dashboardAnnouncement'; -import '../components/dashboard/dashboardBecomeAuthor'; - -// General Components -// import '../components/tab'; -import '../components/profileForm'; -import '../components/directoristDropdown'; -import '../components/directoristSelect'; -import '../components/legacy-support'; -import '../components/directoristFavorite'; -import '../components/directoristAlert' -import '../components/preferenceForm' \ No newline at end of file diff --git a/assets/src/js/public/modules/search-home.js b/assets/src/js/public/modules/search-home.js deleted file mode 100644 index 3a46436ac6..0000000000 --- a/assets/src/js/public/modules/search-home.js +++ /dev/null @@ -1,6 +0,0 @@ -// General Components -/* import '../components/directoristDropdown'; -import '../components/directoristSelect'; -import '../components/colorPicker'; -import '../../global/components/setup-select2'; -import '../../global/components/select2-custom-control'; */ \ No newline at end of file diff --git a/assets/src/js/public/modules/single-listing.js b/assets/src/js/public/modules/single-listing.js deleted file mode 100644 index 63f17f9ed9..0000000000 --- a/assets/src/js/public/modules/single-listing.js +++ /dev/null @@ -1,11 +0,0 @@ -// General Components -import '../components/general'; -import '../components/review'; -import '../components/directoristAlert'; -import '../components/formValidation'; -import '../components/directoristFavorite'; -import '../components/directoristDropdown'; -import '../components/directoristSelect'; -import '../components/login'; -import '../components/listing-track'; -import '../../global/components/modal'; \ No newline at end of file diff --git a/assets/src/js/public/modules/widgets.js b/assets/src/js/public/modules/widgets.js deleted file mode 100644 index d0edaa8fd1..0000000000 --- a/assets/src/js/public/modules/widgets.js +++ /dev/null @@ -1,9 +0,0 @@ -/* window.addEventListener('load', () => { - (function ($) { - - - })(jQuery); -}); */ - - -import '../components/categoryLocation'; \ No newline at end of file diff --git a/assets/src/js/public/range-slider.js b/assets/src/js/public/range-slider.js deleted file mode 100644 index bda7e33082..0000000000 --- a/assets/src/js/public/range-slider.js +++ /dev/null @@ -1,2298 +0,0 @@ -// Directorist Custom Range Slider with Multiple Handlers -(function (global, factory) { - if (typeof exports === 'object' && typeof module !== 'undefined') { - factory(exports); - } else if (typeof define === 'function' && define.amd) { - define(['exports'], factory); - } else { - global = typeof globalThis !== 'undefined' ? globalThis : global || self; - factory(global.directoristCustomRangeSlider = {}); - } -})(this, (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 - }; - - //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 typeof 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 () { - 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. - The testing function is provided with three arguments: - - The provided value for the option; - - A reference to the options object; - - The name for the option; - - 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 (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 (typeof 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 (typeof 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 (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 (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 (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 (upward, proposal, handleNumbers) { - moveHandles(upward, proposal, scope_Locations, handleNumbers); - }, - options: originalOptions, - updateOptions: updateOptions, - target: scope_Target, - removePips: removePips, - removeTooltips: removeTooltips, - getPositions: function () { - return scope_Locations.slice(); - }, - getTooltips: function () { - return scope_Tooltips; - }, - getOrigins: function () { - 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: ${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 }); - -})); \ No newline at end of file diff --git a/assets/src/js/public/search-form.js b/assets/src/js/public/search-form.js deleted file mode 100644 index ce2ce63def..0000000000 --- a/assets/src/js/public/search-form.js +++ /dev/null @@ -1,1274 +0,0 @@ -import debounce from '../global/components/debounce'; -import './../global/components/select2-custom-control'; -import './../global/components/setup-select2'; -import initSearchCategoryCustomFields from './components/category-custom-fields'; -import './components/colorPicker'; -import './components/directoristDropdown'; -import './components/directoristSelect'; - -(function ($) { - window.addEventListener('load', () => { - //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((index, element) => { - let item = $(element).siblings('.atbdp_cf_checkbox, .directorist-search-field-tag, .directorist-search-tags'); - let 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(); - let item = $(this).siblings('.directorist-search-tags'); - let 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) { - let dropdownParent = $(item).closest('.directorist-search-field'); - let dropDownContent = $(item).closest('.directorist-search-basic-dropdown-content'); - let selectedItemCount = dropDownContent.find('.directorist-checkbox input[type="checkbox"]:checked'); - let selectedPrefix = dropDownContent.siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-prefix'); - let 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) { - let dropdownParent = $(item).closest('.directorist-search-field'); - let dropDownLabel = dropdownParent.find('.directorist-search-basic-dropdown-selected-item'); - let selectedItem = dropdownParent.find('.directorist-radio input[type="radio"]:checked'); - let 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(); - - let dropDownParent = $(this).closest('.directorist-search-field'); - let 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) { - let dropDownRoot = $(e.target).closest('.directorist-search-form-dropdown'); - let dropDownParent = $('.directorist-search-form-dropdown.input-is-focused'); - let 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() { - - const searchFields = document.querySelectorAll('.directorist-search-field__input:not(.directorist-search-basic-dropdown)'); - - searchFields.forEach( searchField => { - let 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) { - let value = false; - - searchForm.querySelectorAll("input:not([type='checkbox']):not([type='radio']):not([type='hidden'])").forEach(function (el) { - if (el.value !== "") { - value = true; - } - }); - - searchForm.querySelectorAll("input[type='checkbox'], input[type='radio']").forEach(function (el) { - if (el.checked) { - value = true; - } - }); - - searchForm.querySelectorAll("select").forEach(function (el) { - if (el.value || el.selectedIndex !== 0 ) { - value = true; - } - }); - - searchForm.querySelectorAll(".directorist-custom-range-slider__value input").forEach(function (el) { - if (el.value > 0 ) { - value = true; - } - }); - - if (!value) { - let resetButtonWrapper = searchForm.querySelector('.directorist-advanced-filter__action'); - resetButtonWrapper && resetButtonWrapper.classList.add('reset-btn-disabled'); - } - - } - - // Enable Reset Button - function enableResetButton(searchForm) { - let resetButtonWrapper = searchForm.querySelector('.directorist-advanced-filter__action'); - resetButtonWrapper && resetButtonWrapper.classList.remove('reset-btn-disabled'); - } - - // Initialize Form Reset Button - let searchForm = document.querySelectorAll('.directorist-contents-wrap form'); - searchForm.forEach((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) { - let 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) { - let 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) { - let searchForm = this.closest('form'); - - if(this.value !== undefined && this.value !== '') { - enableResetButton(searchForm); - } else { - setTimeout(function(){ - initForm(searchForm) - }, 100) - } - }) - - // Searchform Reset - function adsFormReset(searchForm) { - searchForm.querySelectorAll("input[type='text']").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") 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(); - - let 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) - } - }); - - let customRangeSliders = document.querySelectorAll('.directorist-custom-range-slider'); - - customRangeSliders.forEach(function (sliderItem) { - resetCustomRangeSlider(sliderItem); - }); - - searchForm.querySelectorAll(".directorist-search-basic-dropdown-content").forEach((dropdown) => { - let 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'); - } - }) - - let 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(); - if (this.closest('.directorist-contents-wrap')) { - let searchForm = this.closest('.directorist-contents-wrap').querySelector('.directorist-search-form'); - if (searchForm) { - adsFormReset(searchForm); - } - let advanceSearchForm = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__form'); - if (advanceSearchForm) { - adsFormReset(advanceSearchForm); - } - let advanceSearchFilter = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__advanced'); - if (advanceSearchFilter) { - adsFormReset(advanceSearchFilter); - } - } - }); - } - - // Search Modal Open - function searchModalOpen(searchModalParent) { - let modalOverlay = searchModalParent.querySelector('.directorist-search-modal__overlay'); - let 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) { - let modalOverlay = searchModalParent.querySelector('.directorist-search-modal__overlay'); - let 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) { - let modalContent = searchModalParent.querySelector('.directorist-search-modal__contents'); - let 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'); - - let parentElement = this.closest('.directorist-contents-wrap'); - - if(this.classList.contains('directorist-modal-btn--basic')) { - let searchModalElement = parentElement.querySelector('.directorist-search-modal--basic'); - - searchModalOpen(searchModalElement) - } - if(this.classList.contains('directorist-modal-btn--advanced')) { - let searchModalElement = parentElement.querySelector('.directorist-search-modal--advanced'); - - searchModalOpen(searchModalElement) - } - if(this.classList.contains('directorist-modal-btn--full')) { - let searchModalElement = parentElement.querySelector('.directorist-search-modal--full'); - - searchModalOpen(searchModalElement) - } - - }); - - // 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'); - - let searchModalElement = this.closest('.directorist-search-modal'); - - searchModalClose(searchModalElement) - }); - - // Search Modal Minimizer Trigger - $('body').on('click', '.directorist-search-modal__minimizer', function (e) { - e.preventDefault(); - - let searchModalElement = this.closest('.directorist-search-modal'); - - searchModalMinimize(searchModalElement) - }); - - // Search Field Input Value Check - function inputValueCheck(searchField) { - searchField = searchField[0]; - - let inputBox = searchField.querySelector('.directorist-search-field__input:not(.directorist-search-basic-dropdown)'); - let 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]; - - let inputBox = searchField.querySelector('.directorist-search-field__input:not(.directorist-search-basic-dropdown)'); - let 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'); - let inputFieldValue = inputBox.querySelector('select').value; - - $('body').one('click', function(e) { - inputFieldValue = inputBox.querySelector('select').value; - let 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() { - let selectFields = document.querySelectorAll('.directorist-select.directorist-search-field__input:not(.directorist-search-basic-dropdown'); - - selectFields.forEach((selectField) => { - let 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) { - let searchField = $(this).closest('.directorist-search-field'); - - inputValueCheck(searchField); - - }); - - $('body').on('focus blur', '.directorist-search-field__input:not(.directorist-search-basic-dropdown)', function(e) { - let searchField = $(this).closest('.directorist-search-field'); - - inputEventCheck(e, searchField); - - }); - - // Search Form Input Clear Button - $('body').on('click', '.directorist-search-field__btn--clear', function(e) { - let inputFields = this.parentElement.querySelectorAll('.directorist-form-element'); - let selectboxField = this.parentElement.querySelector('.directorist-select select'); - let basicDropdown = this.parentElement.querySelectorAll('.directorist-search-basic-dropdown-content'); - let radioFields = this.parentElement.querySelectorAll('input[type="radio"]'); - let checkboxFields = this.parentElement.querySelectorAll('input[type="checkbox"]'); - - if (selectboxField) { - selectboxField.selectedIndex = 0; - selectboxField.dispatchEvent(new Event('change')); - - $(selectboxField).trigger('change'); - } - if (inputFields) { - inputFields.forEach((inputField) => { - inputField.value = ''; - }) - } - if(radioFields) { - radioFields.forEach((element) => { - element.checked = false; - }) - } - if(checkboxFields) { - checkboxFields.forEach((element) => { - element.checked = false; - }) - } - - if (basicDropdown) { - basicDropdown.forEach((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')) { - this.parentElement.classList.remove('input-has-value', 'input-is-focused'); - this.parentElement.querySelector('.directorist-search-basic-dropdown-content.dropdown-content-show')?.classList.remove('dropdown-content-show'); - } - - handleRadiusVisibility(); - - // Reset Button Disable - let searchform = this.closest('form'); - let inputValue = $(this).parent('.directorist-search-field').find('.directorist-search-field__input:not(.directorist-search-basic-dropdown)').val(); - let 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) { - let windowScreen = window.innerWidth; - let 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(); - let parent = $(this).closest('.directorist-search-contents'); - let listing_type = $(this).attr('data-listing_type'); - let 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); - - let 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); - - let atts = parent.attr('data-atts'); - let 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(response) { - if (response) { - // Add Temp Element - let new_inserted_elm = '
    '; - parent.before(new_inserted_elm); - - // Remove Old Parent - parent.remove(); - - // Insert New Parent - $('.directorist_search_temp').after(response['search_form']); - let 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(); - - let 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(event => { - document.body.dispatchEvent(event); - window.dispatchEvent(event); - }); - - handleRadiusVisibility(); - directorist_custom_range_slider(); - - initSearchFields(); - - initSearchCategoryCustomFields($); - } - - let 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(error) { - // console.log(error); - } - }); - }); - - initSearchCategoryCustomFields($); - - // 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(){ - $('.directorist-range-slider-wrap').closest('.directorist-search-field').addClass('directorist-search-field-radius_search'); - $('.directorist-location-js').each((index,locationDOM)=>{ - if($(locationDOM).val() === ''){ - $(locationDOM).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search, .directorist-radius-search').css({display: "none"}); - } else{ - $(locationDOM).closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search, .directorist-radius-search').css({display: "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(() => { - handleRadiusVisibility(); - directorist_custom_range_slider(); - defaultTags(); - }, 600) - }); - - // 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(); - let zipcode_search = $(this).closest('.directorist-zipcode-search'); - - let lat = $(this).data('lat'); - let 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() { - let opt = { - types: ['geocode'], - componentRestrictions: { - country: directorist.restricted_countries - }, - }; - let options = directorist.countryRestriction ? opt : ''; - - let input_fields = [{ - input_class: '.directorist-location-js', - lat_id: 'cityLat', - lng_id: 'cityLng', - options - }, - { - input_id: 'address_widget', - lat_id: 'cityLat', - lng_id: 'cityLng', - options - }, - ]; - - let setupAutocomplete = function (field) { - let input = document.querySelectorAll(field.input_class); - input.forEach(elm => { - if (!elm) { - return; - } - let autocomplete = new google.maps.places.Autocomplete(elm, field.options); - - google.maps.event.addListener(autocomplete, 'place_changed', function () { - let place = autocomplete.getPlace(); - elm.closest('.directorist-search-field').querySelector(`#${field.lat_id}`).value = place.geometry.location.lat(); - elm.closest('.directorist-search-field').querySelector(`#${field.lng_id}`).value = place.geometry.location.lng(); - }); - }) - }; - - input_fields.forEach(field => { - setupAutocomplete(field); - }); - } - - initialize(); - - } else if (directorist.i18n_text.select_listing_map === 'openstreet') { - - let getResultContainer = function (context, field) { - return $(context).next(field.search_result_elm); - }; - - let getWidgetResultContainer = function (context, field) { - return $(context).parent().next(field.search_result_elm); - }; - - let input_fields = [{ - input_elm: '.directorist-location-js', - search_result_elm: '.address_result', - getResultContainer - }, - { - input_elm: '#q_addressss', - search_result_elm: '.address_result', - getResultContainer - }, - { - input_elm: '.atbdp-search-address', - search_result_elm: '.address_result', - getResultContainer - }, - { - input_elm: '#address_widget', - search_result_elm: '#address_widget_result', - getResultContainer: getWidgetResultContainer - }, - ]; - - input_fields.forEach(field => { - - if (!$(field.input_elm).length) { - return; - } - - $(field.input_elm).on('keyup', debounce(function (event) { - event.preventDefault(); - - let 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; - } - - let locationAddressField = $(this).parent('.directorist-search-field'); - let result_container = field.getResultContainer(this, field); - let 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) { - let res = ''; - - let currentIconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/paper-plane.svg'; - let currentIconHTML = directorist.icon_markup.replace('##URL##', currentIconURL).replace('##CLASS##', ''); - let currentLocationIconHTML = "" + currentIconHTML + ""; - let currentLocationAddressHTML = ""; - - let iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/map-marker-alt.svg'; - let iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - let locationIconHTML = ""+ iconHTML +""; - - for (let i = 0, len = data.length > 5 ? 5 : data.length; i < len; i++) { - res += "
  • " + locationIconHTML + "" + data[i].display_name, + "
  • "; - } - - function displayLocation(position, event) { - let lat = position.coords.latitude; - let 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); - - const 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) { - const locationSearch = $(e.target).closest(".directorist-search-location"); - const zipCodeSearch = $(e.target).closest(".directorist-zipcode-search"); - - if (locationSearch.length) { - locationSearch.trigger("change"); - } - if (zipCodeSearch.length) { - zipCodeSearch.trigger("change"); - } - - $('.address_result').hide(); - } - }); - - let syncLatLngData = function (context, event, args) { - event.preventDefault(); - let text = $(context).text(); - let lat = $(context).data('lat'); - let lon = $(context).data('lon'); - let _this = event.target; - $(_this).closest('.address_result').siblings('input[name="cityLat"]').val(lat); - $(_this).closest('.address_result').siblings('input[name="cityLng"]').val(lon); - let 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() { - let sliders = document.querySelectorAll('.directorist-custom-range-slider'); - - sliders.forEach(function (sliderItem) { - let slider = sliderItem.querySelector('.directorist-custom-range-slider__slide'); - - // Check if the slider is already initialized - if (!slider || slider.directoristCustomRangeSlider) return; - - let sliderStep = parseInt(slider.getAttribute('step')) || 1; - let sliderMinValue = parseInt(slider.getAttribute('min-value')); - let sliderMaxValue = parseInt(slider.getAttribute('max-value')); - let sliderDefaultValue = parseInt(slider.getAttribute('default-value')); - let minInput = sliderItem.querySelector('.directorist-custom-range-slider__value__min'); - let maxInput = sliderItem.querySelector('.directorist-custom-range-slider__value__max'); - let sliderRange = sliderItem.querySelector('.directorist-custom-range-slider__range'); - let sliderRangeShow = sliderItem.querySelector('.directorist-custom-range-slider__range__show'); - let sliderRangeValue = sliderItem.querySelector('.directorist-custom-range-slider__wrap .directorist-custom-range-slider__range'); - let isRTL = document.dir === 'rtl'; - - // init rangeInitiLoad on initial Load - let rangeInitLoad = true; - // Parse the URL parameters - const milesParams = new URLSearchParams(window.location.search).has('miles'); - const customParams = new URLSearchParams(window.location.search).has('miles'); - - directoristCustomRangeSlider?.create(slider, { - start: [minInput.value, milesParams || customParams ? maxInput.value : sliderDefaultValue || sliderMaxValue], - connect: true, - direction: isRTL ? 'rtl' : 'ltr', - step: sliderStep ? sliderStep : 1, - range: { - 'min': Number(sliderMinValue || 0), - 'max': Number(sliderMaxValue || 100) - } - }); - - slider.directoristCustomRangeSlider?.on('update', function (values, handle) { - let value = values[handle]; - handle === 0 ? minInput.value = Math.round(value) : maxInput.value = Math.round(value); - let rangeValue = minInput.value + '-' + maxInput.value; - sliderRange.value = rangeValue; - sliderRangeShow && (sliderRangeShow.innerHTML = rangeValue); - if (sliderRangeValue) { - sliderRangeValue.setAttribute('value', rangeValue); - if (!rangeInitLoad) { - $(sliderRangeValue).trigger('change'); // Trigger change event - } - } - }); - - // false rangeInitLoad after call - rangeInitLoad = false; - - minInput.addEventListener('change', function () { - let minValue = Math.round(parseInt(this.value, 10) / sliderStep) * sliderStep; - let maxValue = Math.round(parseInt(maxInput.value, 10) / sliderStep) * sliderStep; - - if (minValue > maxValue) { - this.value = maxValue; - minValue = maxValue; - } - - slider.directoristCustomRangeSlider.set([minValue, null]); - }); - - maxInput.addEventListener('change', function () { - let minValue = Math.round(parseInt(minInput.value, 10) / sliderStep) * sliderStep; - let maxValue = Math.round(parseInt(this.value, 10) / sliderStep) * sliderStep; - - if (maxValue < minValue) { - this.value = minValue; - maxValue = minValue; - } - - slider.directoristCustomRangeSlider.set([null, maxValue]); - }); - }); - - } - - directorist_custom_range_slider(); - - // Reset Custom Range Slider - function resetCustomRangeSlider(sliderItem) { - let slider = sliderItem.querySelector('.directorist-custom-range-slider__slide'); - let minInput = sliderItem.querySelector('.directorist-custom-range-slider__value__min'); - let maxInput = sliderItem.querySelector('.directorist-custom-range-slider__value__max'); - let sliderParent = sliderItem.closest('.directorist-search-field-radius_search'); - let maxValue = slider.getAttribute('value') || 'none'; - - if (sliderParent) { - minInput.value = '0'; - maxInput.value = maxValue; - slider.directoristCustomRangeSlider.set([0, maxValue]); // Set your initial values - } else { - // Reset values to their initial state - slider.directoristCustomRangeSlider.set([0, 0]); // Set your initial values - minInput.value = ''; // Set your initial min value - maxInput.value = ''; // Set your initial max value - } - - } - - // DOM Mutation Observer on Location Field - function locationObserver() { - let targetNode = document.querySelector('.directorist-location-js'); - if(targetNode){ - let 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=${zipcode}&format=json&addressdetails=1`; - - $('.directorist-country').css({ - display: 'block' - }); - - if (zipcode === '') { - $('.directorist-country').css({ - display: 'none' - }); - } - - } - - let res = ''; - let google_data = { - 'nonce' : directorist.directorist_nonce, - 'action' : 'directorist_zipcode_search', - 'zipcode' : zipcode - }; - $.ajax({ - url: url, - method: 'GET', - data : directorist.i18n_text.select_listing_map === 'google' ? google_data : "", - success: function( 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 (let i = 0; i < data.length; i++) { - res += `
  • ${data[i].address.country}
  • `; - } - } - - $(country_suggest).html(`
      ${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() { - 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(targetNode, value) { - let searchForm = targetNode.closest('form'); - if (value > 0) { - let customSliderMin = targetNode.closest('.directorist-custom-range-slider').querySelector('.directorist-custom-range-slider__value__min'); - let customSliderRange = targetNode.closest('.directorist-custom-range-slider').querySelector('.directorist-custom-range-slider__range'); - customSliderMin.value = customSliderMin.value ? customSliderMin.value : 0; - customSliderRange.value = customSliderMin.value + '-' + value; - enableResetButton(searchForm); - } else { - initForm(searchForm); - } - } - - // DOM Mutation Observer on Custom Range Slider - function rangeSliderObserver() { - let targetNodes = document.querySelectorAll('.directorist-search-field:not(.directorist-search-field-radius_search) .directorist-custom-range-slider-handle-upper'); - targetNodes.forEach((targetNode) => { - if(targetNode){ - let observerCallback = (mutationList, observer) => { - for (let mutation of mutationList) { - if (targetNode.classList.contains('directorist-custom-range-slider-handle-upper')) { - sliderValueCheck(targetNode, parseInt(targetNode.ariaValueNow)); - } - } - }; - - let sliderObserver = new MutationObserver( observerCallback ); - sliderObserver.observe( targetNode, { attributes: true } ); - } - - - }) - - } - - rangeSliderObserver(); - - - }); - - window.addEventListener('directorist-instant-search-reloaded', function() { - initSearchCategoryCustomFields($); - }, {once: true} ); -})(jQuery); \ No newline at end of file diff --git a/assets/src/scss/base/_general.scss b/assets/src/scss/base/_general.scss deleted file mode 100644 index c217acb210..0000000000 --- a/assets/src/scss/base/_general.scss +++ /dev/null @@ -1,717 +0,0 @@ -@import "../mixins/general"; - -// Common Classes -.directorist-flex { - display: flex; -} - -.directorist-flex-wrap { - flex-wrap: wrap; -} - -.directorist-align-center { - align-items: center; -} - -.directorist-justify-content-center { - justify-content: center; -} - -.directorist-justify-content-between { - justify-content: space-between; -} - -.directorist-justify-content-around { - justify-content: space-around; -} - -.directorist-justify-content-start { - justify-content: flex-start; -} - -.directorist-justify-content-end { - justify-content: flex-end; -} - -.directorist-display-none { - display: none; -} - -.directorist-icon-mask { - &:after { - 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); - } -} - -// Error Class -.directorist-error__msg { - color: var(--directorist-color-danger); - font-size: 14px; -} - -// General Classes -.entry-content { - .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; - box-sizing: border-box; - } -} - -/* directorist module style */ -.directorist-content-module { - border: 1px solid var(--directorist-color-border); - - @include e(title) { - 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) { - padding: 20px; - } - - h2 { - margin: 0 !important; - font-size: 16px; - font-weight: 500; - line-height: 1.2; - } - } - - @include e(contents) { - display: flex; - flex-direction: column; - gap: 40px 0; - padding: 30px 40px 40px; - border-top: 1px solid var(--directorist-color-border); - @media (max-width: 480px) { - padding: 20px; - } - .directorist-form-description-field { - .wp-editor-wrap { - margin-top: -30px; - } - .wp-editor-tabs { - position: relative; - bottom: -7px; - .wp-switch-editor { - margin: 0; - border: none; - border-radius: 5px; - padding: 5px 10px 12px; - background: transparent; - color: var(--directorist-color-body); - } - } - .html-active .switch-html, - .tmce-active .switch-tmce { - background-color: #f6f7f7; - } - .wp-editor-container { - border: none; - border-bottom: 1px solid var(--directorist-color-border); - input { - background: transparent !important; - color: var(--directorist-color-body) !important; - border-color: var(--directorist-color-border); - } - } - .wp-editor-area { - border: none; - resize: none; - min-height: 238px; - } - .mce-top-part::before { - display: none; - } - .mce-stack-layout { - border: none; - padding: 0; - } - .mce-toolbar-grp, - .quicktags-toolbar { - border: none; - padding: 8px 12px; - border-radius: 8px; - } - .mce-toolbar { - .mce-ico { - color: var(--directorist-color-body); - } - .mce-btn button, - .mce-btn-group .mce-btn.mce-listbox { - background: transparent; - } - .mce-menubtn.mce-fixed-width span.mce-txt { - color: var(--directorist-color-body); - } - } - .mce-statusbar { - display: none; - } - #wp-listing_content-editor-tools { - display: flex; - justify-content: flex-end; - } - iframe { - max-width: 100%; - } - } - .directorist-form-social-info-field { - .directorist-btn { - width: 100%; - gap: 10px; - padding-left: 40px; - i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); - } - &:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - i::after { - background-color: var(--directorist-color-white); - } - } - } - select { - color: var(--directorist-color-primary); - } - } - .directorist-checkbox { - .directorist-checkbox__label { - margin-left: 0; - } - } - } -} - -.directorist-content-active { - #directorist.atbd_wrapper { - max-width: 100%; - } - - #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; - } -} - -// General Style -#directorist-dashboard-preloader { - display: none; -} - -// form required -.directorist-form-required { - color: var(--directorist-color-danger); -} - -// Login Registration Style -.directory_register_form_wrap { - .dgr_show_recaptcha { - margin-bottom: 20px; - > p { - font-size: 16px; - color: var(--directorist-color-primary); - font-weight: 600; - margin-bottom: 8px !important; - } - } - - a { - text-decoration: none; - } -} - -.atbd_login_btn_wrapper { - .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; - } - - .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; - } - } - a { - text-decoration: none; - } -} - -.directory_register_form_wrap { - .directorist-form-group { - label { - display: inline-block; - margin-bottom: 5px; - } - } - .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; - } -} - -.directorist-quick-login { - .directorist-form-actions { - display: flex; - gap: 15px; - align-items: center; - } -} -.atbd_success_mesage { - > p { - i { - top: 2px; - margin-right: 5px; - position: relative; - display: inline-block; - } - } -} - -// Loader - -// Loader -.directorist-loader { - position: relative; - &: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; - animation: atbd_spin 2s linear infinite; - } -} - -//file upload -.plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed var(--directorist-color-border-gray); - padding: 30px; - - .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; - } - - .atbdp_button { - 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; - } - - .atbdp-dropbox-file-types { - margin-top: 10px; - color: var(--directorist-color-deep-gray); - } -} - -@media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } -} - -.directorist-address-field, -.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); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; - ul { - list-style: none; - margin: 0; - padding: 0; - border-radius: 8px; - } - li { - display: flex; - align-items: center; - gap: 15px; - margin: 0; - padding: 10px 20px; - border-bottom: 1px solid #eee; - a { - 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; - &:hover { - color: var(--directorist-color-dark); - border-bottom: 1px dashed #e9e9e9; - } - } - &:last-child { - border: none; - a { - border: none; - } - } - } - } -} - -.pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - min-width: 200px; - border-radius: 8px; - @media (max-width: 575px) { - max-width: unset; - width: calc(100% - 30px) !important; - left: 30px !important; - } - .pac-item { - display: flex; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; - span { - color: var(--directorist-color-body); - } - .pac-matched { - font-weight: 400; - } - &:hover { - span { - color: var(--directorist-color-primary); - } - } - } - .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); - &:after { - 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("../../../icons/font-awesome/svgs/solid/map-marker-alt.svg"); - } - } - &:after { - display: none; - } -} - -// Login -p.status:empty { - display: none; -} - -.gateway_list { - input[type="radio"] { - margin-right: 5px; - } -} - -//checkout -.directorist-checkout-form { - .directorist-container-fluid { - box-sizing: border-box; - } - ul { - 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); - &:focus { - outline: 0; - } - } -} - -//select 2 -.directorist-content-active .select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); -} -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); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - } - .select2-search--dropdown { - padding: 20px 20px 10px 20px; - } - .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; - &:focus { - outline: 0; - } - } - .select2-results { - padding-bottom: 10px; - @include e(option) { - display: flex; - justify-content: space-between; - gap: 15px; - padding: 6px 20px; - color: var(--directorist-color-body); - font-size: 14px; - line-height: 1.5; - @include m(highlighted) { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent !important; - } - } - @include e(message) { - margin-bottom: 10px !important; - } - } - .select2-selection--multiple { - .select2-selection__rendered { - li { - margin-left: 0; - margin-top: 8.5px; - - &.select2-search--inline { - &.form-group { - margin-bottom: 0; - padding: 0; - - .form-control { - height: 24.5px; - } - } - } - - .select2-search__field { - margin: 0; - max-width: 100px; - width: 100% !important; - padding: 0 !important; - border: none !important; - } - } - } - } - - &.select2-container--open { - .select2-results__option { - margin: 0; - &[aria-selected="true"] { - font-weight: 500; - color: var(--directorist-color-primary); - background-color: transparent; - } - .directorist-select2-contents { - display: flex; - align-items: center; - .directorist-icon-mask { - margin-right: 12px; - &:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - } - @media (max-width: 575px) { - width: 40px; - height: 40px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 8px; - background-color: var(--directorist-color-bg-light); - } - } - &.item-level-2 { - padding-left: 20px; - } - &.item-level-3 { - padding-left: 40px; - } - &.item-level-4 { - padding-left: 60px; - } - } - } - } - .select2-selection--single .select2-selection__rendered { - opacity: 1; - .select2-selection__placeholder { - display: flex; - align-items: center; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - } - } - .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-body); - } -} - -// Directorist Custom Checkbox -.custom-checkbox { - input { - display: none; - } - - input[type="checkbox"] + .check--select + label, - 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); - - &: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; - } - - &: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); - } - } - - input[type="radio"] + .radio--select + label { - &:before { - top: 8px; - font-size: 9px; - } - - &:after { - border-radius: 50%; - } - - span { - color: var(--directorist-color-light-gray); - - &.active { - color: var(--directorist-color-warning); - } - } - } - - input[type="checkbox"]:checked + .check--select + label, - input[type="radio"]:checked + .radio--select + label { - &:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); - } - - &:before { - opacity: 1; - color: var(--directorist-color-white); - } - } -} - -.directorist-table { - display: table; - width: 100%; -} diff --git a/assets/src/scss/base/_index.scss b/assets/src/scss/base/_index.scss deleted file mode 100644 index e316807c90..0000000000 --- a/assets/src/scss/base/_index.scss +++ /dev/null @@ -1,5 +0,0 @@ -@import 'variables'; -@import 'key-frames'; -@import 'utility'; -@import 'general'; -@import 'grid'; \ No newline at end of file diff --git a/assets/src/scss/base/_key-frames.scss b/assets/src/scss/base/_key-frames.scss deleted file mode 100644 index 87876ed8ad..0000000000 --- a/assets/src/scss/base/_key-frames.scss +++ /dev/null @@ -1,48 +0,0 @@ -@keyframes rotate360 { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } -} - -@-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - - 100% { - -webkit-transform: rotate(360deg); - } -} - -@keyframes atbd_spin { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } -} - -@keyframes atbd_spin2 { - 0% { - transform: translate(-50%, -50%) rotate(0deg); - } - - 100% { - transform: translate(-50%, -50%) rotate(360deg); - } -} - -@keyframes atbd_scale { - 0% { - transform: scale(0.8); - } - 100% { - transform: scale(1); - } -} \ No newline at end of file diff --git a/assets/src/scss/base/_utility.scss b/assets/src/scss/base/_utility.scss deleted file mode 100644 index 0b65a73a5f..0000000000 --- a/assets/src/scss/base/_utility.scss +++ /dev/null @@ -1,135 +0,0 @@ -.reset-pseudo-link { - &:visited, - &:active, - &:focus { - outline: none; - box-shadow: none; - } -} - -.cptm-shortcodes { - max-height: 300px; - overflow: scroll; -} - -.directorist-center-content { - display: flex; -} - -.directorist-center-content-inline { - display: inline-flex; -} - -.directorist-center-content, -.directorist-center-content-inline { - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} - -.directorist-text-right { - text-align: right; -} - -.directorist-text-center { - text-align: center; -} - -.directorist-text-left { - text-align: left; -} - -// Spacing Classes -.directorist-mt-0{ - margin-top: 0 !important; -} -.directorist-mt-5 { - margin-top: 5px !important; -} - -.directorist-mt-10 { - margin-top: 10px !important; -} - -.directorist-mt-15 { - margin-top: 15px !important; -} - -.directorist-mt-20 { - margin-top: 20px !important; -} - -.directorist-mt-30 { - margin-top: 30px !important; -} - -.directorist-mb-0 { - margin-bottom: 0 !important; -} - -.directorist-mb-35 { - margin-bottom: 35px !important; -} - -.directorist-mb-30 { - margin-bottom: 30px !important; -} - -.directorist-mb-25 { - margin-bottom: 25px !important; -} - -.directorist-mb-20 { - margin-bottom: 20px !important; -} - -.directorist-mb-n20 { - margin-bottom: -20px !important; -} - -.directorist-mb-10 { - margin-bottom: 10px !important; -} - -.directorist-mb-15 { - margin-bottom: 15px !important; -} - -.directorist-mb-20 { - margin-bottom: 20px !important; -} - -.directorist-mb-30 { - margin-bottom: 30px !important; -} - -.directorist-mb-35 { - margin-bottom: 35px !important; -} - -.directorist-mb-40 { - margin-bottom: 40px !important; -} - -.directorist-mb-50 { - margin-bottom: 50px !important; -} - -.directorist-mb-70 { - margin-bottom: 70px !important; -} - -.directorist-mb-80 { - margin-bottom: 80px !important; -} - -.directorist-pb-100 { - padding-bottom: 100px !important; -} - -// others -.directorist-w-100 { - width: 100% !important; - max-width: 100% !important; -} \ No newline at end of file diff --git a/assets/src/scss/base/_variables.scss b/assets/src/scss/base/_variables.scss deleted file mode 100644 index 8e8d319064..0000000000 --- a/assets/src/scss/base/_variables.scss +++ /dev/null @@ -1,47 +0,0 @@ -$font-size-base: 15px; -// theme color -$light-gray: #9192a3; -$primary: #444752; -$secondary: #122069; -$success: #00AC17; -$info: #2C99FF; -$warning: #EF8000; -$danger: #EF0000; -$dark: #202428; -$light: #ffffff; -$body-color: #767792; - -// other colors -$overlay-color: #20232e; -$text-color: #7a82a6; -$badge-open: #32cc6f; -$badge-feature: #fa8b0c; -$badge-popular: #f51957; -$border-color: #eff1f6; -$border-color-normal: #ececec; -$border-color-light: #c6d0dc; -$bg-normal: #F9F9F9; -$bg-light: #F9F9F9; -$bg-light-gray: #F4F5F6; -$rating-color: #fa8b0c; - -// System Status Variable -$ss-gray: #5a5f7d; -$ss-primary: #3e62f5; -$ss-success: #00bc5e; -$ss-dark: #272b41; -$ss-light: #868eae; -$ss-border-normal: #f1f2f6; -$ss-border-light: #e3e6ef; -$ss-border-gray: #c6d0dc; -$ss-bg-normal: #fbfbfb; -$ss-bg-light: #f8f9fb; -$ss-bg-lighter: #f4f5f7; -// link -$link-hover-decoration: none; -$link-color: $text-color; -$link-hover-color: $primary; - -$box-shadow-sm: 0 5px 0.8px rgba(#a7b2c7, 0.1); -$box-shadow: 0 5px 20px rgba(#a7b2c7, 0.3); -// $box-shadow-lg: 0 1rem 3rem rgba($black, 0.175); \ No newline at end of file diff --git a/assets/src/scss/component/_add-listing.scss b/assets/src/scss/component/_add-listing.scss deleted file mode 100644 index 1e69ebdf73..0000000000 --- a/assets/src/scss/component/_add-listing.scss +++ /dev/null @@ -1,1757 +0,0 @@ -@import "../vendor/bootstrap/config.bs"; - -//mixins -@import "../mixins/general"; -//sweet alert -@import "./sweet-alert"; - -// add listing types -.directorist-add-listing-types { - display: flex; - box-sizing: border-box; - @include e(single) { - margin-bottom: 15px; - @include e(link) { - 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; - .directorist-icon-mask { - 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; - &:after { - width: 25px; - height: 25px; - background-color: var(--directorist-color-white); - } - } - &:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - .directorist-icon-mask { - background-color: var(--directorist-color-white); - } - .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - } - } - /* Legacy Icon */ - & > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; - } - } - } -} - -.directorist-add-listing-wrapper { - display: flex; - box-sizing: border-box; -} - -.directorist-add-listing-form { - .directorist-content-module { - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - @include e(title) { - i { - background-color: var(--directorist-color-primary); - &:after { - background-color: var(--directorist-color-white); - } - } - } - } - .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; - } - &__privacy { - a { - color: var(--directorist-color-info); - } - } -} - -.directorist-add-listing-form, -#directiost-listing-fields_wrapper { - .directorist-content-module { - margin-bottom: 35px; - border-radius: 12px; - @media (max-width: 991px) { - margin-bottom: 20px; - } - @include e(title) { - gap: 15px; - min-height: 66px; - justify-content: flex-start; - i { - display: flex; - align-items: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; - &:after { - width: 16px; - height: 16px; - } - } - } - // .directorist-form-group:not(:last-child) { - // margin-bottom: 40px; - // } - - .directorist-form-address-field.atbdp-form-fade { - padding: 0; - > input[name="address"] { - padding-left: 10px; - } - &:before { - width: 15px; - height: 15px; - left: unset; - right: 0; - top: 46px; - } - &:after { - height: 40px; - top: 26px; - } - } - - /* social info */ - .directorist-form-social-fields { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 20px; - margin: 0 0 25px; - &:last-child { - margin: 0 0 40px; - } - .directorist-form-group { - flex: 1; - margin: 0; - select { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - &.placeholder-item { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-light-gray); - } - } - } - @include e(input) { - display: flex; - gap: 20px; - flex: 1; - @media screen and (max-width: 480px) { - gap: 10px; - flex-direction: column; - } - - .atbdp_social_input::placeholder { - font-weight: 400; - } - } - @include e("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; - i::after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); - } - &:hover { - background-color: var(--directorist-color-primary) !important; - i::after { - background-color: var(--directorist-color-white); - } - } - } - } - } -} - -// Admin Add Listing -#directiost-listing-fields_wrapper .directorist-content-module { - background-color: var(--directorist-color-white); - border-radius: 0; - border: 1px solid #e3e6ef; - @include e(title) { - padding: 20px 30px; - border-bottom: 1px solid #e3e6ef; - i { - background-color: var(--directorist-color-primary); - &:after { - background-color: var(--directorist-color-white); - } - } - } - - .directorist-form-social-fields { - margin: 0 0 25px; - @include e("remove") { - background-color: #ededed !important; - i::after { - background-color: #808080; - } - &:hover { - background-color: var(--directorist-color-primary) !important; - i::after { - background-color: var(--directorist-color-white); - } - } - } - } - - .directorist-content-module__title { - cursor: auto; - &:before { - display: none; - } - } - - .directorist-content-module__contents { - padding: 30px 40px 40px; - @media (max-width: 991px) { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } - } - - .directorist-form-group { - .directorist-form-label { - margin-bottom: 10px; - } - .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; - @include e("prefix") { - height: 42px; - line-height: 42px; - } - } - } - .directorist-form-social-fields select.directorist-form-element, - .directorist-custom-field-select select.directorist-form-element, - .directorist-form-group .directorist-form-element.directory_pricing_field { - padding-top: 0; - padding-bottom: 0; - } - - .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 { - position: absolute; - left: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 3px; - content: ""; - border: 1px solid #c6d0dc; - background-color: var(--directorist-color-white); - } - .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-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: ""; - } - .directorist-radio - input[type="radio"]:checked - + .directorist-radio__label:after { - 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-form-pricing-field__options - .directorist_pricing_options - input[type="checkbox"] - + .directorist-checkbox__label:before { - left: 5px; - top: 5px; - content: ""; - mask-image: url("../../../icons/font-awesome/svgs/solid/check.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; - } - - .plupload-upload-uic { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; - .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: #808080; - } - } - .directorist-custom-field-file-upload - .directorist-custom-field-file-upload__wrapper - ~ .directorist-form-description { - text-align: center; - } - .directorist-form-social-info-field .directorist-btn { - width: auto; - padding: 11px 26px; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 5px; - i::after { - background-color: var(--directorist-color-white); - } - } - .directorist-form-map-field__maps #gmap { - border-radius: 0; - } -} - -/* ========================== - add listing form fields -============================= */ -/* listing label */ -.directorist-form-label { - display: block; - color: var(--directorist-color-dark); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; -} -.directorist-custom-field-radio, -.directorist-custom-field-checkbox, -.directorist-form-social-info-field, -.directorist-form-image-upload-field, -.directorist-custom-field-file-upload, -.directorist-form-pricing-field.price-type-both { - > .directorist-form-label { - margin-bottom: 18px; - } -} - -/* listing type */ -.directorist-form-listing-type { - display: flex; - flex-wrap: wrap; - gap: 20px; - @media (max-width: 767px) { - flex-direction: column; - } - .directorist-form-label { - font-size: 14px; - font-weight: 500; - flex: 0 0 100%; - margin: 0; - } - @include e(single) { - flex: 0 0 45%; - &.directorist-radio { - align-items: flex-start; - } - } - - .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; - - small { - display: block; - margin-top: 5px; - font-weight: normal; - color: var(--directorist-color-success); - } - &:before { - left: 29px; - top: 29px; - } - &:after { - left: 25px; - top: 25px; - width: 18px; - height: 18px; - } - } - &:checked + .directorist-radio__label { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); - } - } -} - -/* Pricing */ -.directorist-form-pricing-field { - @include e(options) { - display: flex; - flex-wrap: wrap; - gap: 20px; - align-items: center; - margin: 0 0 20px; - - .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-checkbox - input[type="checkbox"]:checked - + .directorist-checkbox__label { - font-weight: 500; - color: var(--directorist-color-dark); - } - - .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; - } - &: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; - } - &:checked { - &:after { - opacity: 0; - } - } - } - } - } - } - .directorist-form-element { - min-width: 100%; - } -} -.price-type-price_range, -.price-type-price_unit { - .directorist-form-pricing-field__options { - margin: 0; - } -} - -/* location */ -.directorist-select-multi select { - display: none; -} - -#directorist-location-select { - z-index: 113 !important; -} - -/* tags */ -#directorist-tag-select { - z-index: 112 !important; -} - -/* categories */ -#directorist-category-select { - z-index: 111 !important; -} - -.directorist-form-group .select2-selection { - border-color: #ececec; -} - -.directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-right: 45px; - - .select2-selection__rendered { - line-height: 26px; - padding: 0; - } - - .select2-selection__clear { - padding-right: 15px; - } - - .select2-selection__arrow { - right: 10px; - } - - input { - min-height: 26px; - } -} - -/* hide contact owner */ -.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; -} - -.directorist-map-coordinates { - padding: 0 0 15px 0; - display: flex; - flex-wrap: wrap; - align-items: center; - margin: 15px -15px 0; - - .directorist-form-group { - flex: 1; - padding-left: 15px; - padding-right: 15px; - max-width: 290px; - } - - @include e(generate) { - 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-form-map-field { - @include e(wrapper) { - margin-bottom: 10px; - } - @include e(maps) { - #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 12px; - #gmap_full_screen_button, - .gm-fullscreen-control { - display: none; - } - 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; - > img { - position: relative; - z-index: 1; - width: 100% !important; - height: 100% !important; - border-radius: 100%; - background-color: var(--directorist-color-primary); - } - &: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; - } - &: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("../../../icons/font-awesome/svgs/solid/map-pin.svg"); - } - &.transit-wheelchair-icon { - margin: 0; - display: inline-block; - width: 13px !important; - height: 13px !important; - background-color: unset; - &:before, - &:after { - display: none; - } - } - &:hover { - &:before { - opacity: 1; - visibility: visible; - } - } - } - } - } - .map_drag_info { - display: none; - } - - .atbd_map_shape { - position: relative; - display: flex; - align-items: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; - &:before { - 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-icon-mask { - &:after { - width: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - mask: url("../../../icons/font-awesome/svgs/solid/map-pin.svg"); - } - } - &:hover { - &:before { - 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; - &.ezmu--show { - margin-bottom: 145px; - } - .ezmu__media-picker-section { - display: block; - .ezmu__media-picker-icon-wrap-upload { - display: flex; - justify-content: center; - width: auto; - height: auto; - margin-bottom: 0; - } - .ezmu-icon-upload { - background: unset; - filter: unset; - width: auto; - i::after { - width: 90px; - height: 80px; - background-color: var(--directorist-color-border-gray); - } - } - } - .ezmu__media-picker-buttons { - margin-top: 0; - } - .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; - &:before { - position: absolute; - left: 17px; - top: 13px; - content: ""; - mask-image: url("../../../icons/unicons/svgs/line/top-arrow-to-top.svg"); - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); - } - &:hover { - opacity: 0.85; - } - } - p { - margin: 0; - } - } - .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; - .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; - .ezmu__update-file-btn { - padding: 0; - width: 30px; - height: 30px; - font-size: 0; - position: relative; - &: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("../../../icons/font-awesome/svgs/regular/image.svg"); - } - } - } - } - .ezmu__thumbnail-list-item { - width: 175px; - min-width: 175px; - flex-basis: unset; - } - .ezmu__front-item__sort-buttons { - display: flex; - } - .ezmu__front-item__close-icon { - background-image: unset; - .directorist-icon-mask::after { - width: 12px; - height: 12px; - } - &:hover { - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); - } - } - } - .ezmu__front-item__sort-button { - width: 20px; - height: 25px; - background-size: 8px; - } - .ezmu__featured_tag, - .ezmu__front-item__thumbnail-size-text { - padding: 0 5px; - height: 25px; - line-height: 25px; - } - } - } - - .ezmu__info-list-item { - &:empty { - display: none; - } - } -} - -//add listing image upload -.directorist-add-listing-wrapper { - max-width: 1000px !important; - margin: 0 auto; - - .ezmu__thumbnail-list-item_back { - position: relative; - height: 100px; - width: 100%; - .ezmu__thumbnail-img { - object-fit: cover; - } - &: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; - transition: all ease 0.3s; - } - } - - .ezmu__thumbnail-list-item { - &:hover { - .ezmu__thumbnail-list-item_back { - &:before { - opacity: 1; - visibility: visible; - } - } - } - } - - .ezmu__titles-area { - .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; - } - } - - .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - } - - .directorist-image-upload { - &.max-file-reached { - .ezmu__upload-button-wrap { - .ezmu__btn { - pointer-events: none; - opacity: 0.7; - } - } - &.highlight { - position: relative; - &:before { - content: ""; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; - } - &:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: $danger; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - cursor: no-drop; - z-index: 9999; - } - } - } - } - - .ezmu__info-list { - display: flex; - align-items: center; - flex-direction: column; - gap: 6px; - margin: 15px 0 0; - .ezmu__info-list-item { - margin: 0; - &:before { - width: 16px; - height: 16px; - background-image: url("../../../images/info-solid-light.svg"); - } - } - } -} - -.directorist-add-listing-form { - /* form action */ - @include e(action) { - display: flex; - flex-direction: column; - border-radius: 12px; - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - .directorist-form-submit { - margin-top: 15px; - - @include e(btn) { - &.atbd_loading { - position: relative; - - &: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; - } - } - } - } - - label { - line-height: 1.25; - margin-bottom: 0; - } - - #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); - &:empty { - display: none; - } - .atbdp_success { - color: var(--directorist-color-success); - } - } - - .directorist-form-group, - .directorist-checkbox { - margin: 0; - padding: 30px 40px 0; - align-items: flex-start; - @media only screen and (max-width: 576px) { - padding: 30px 0 0; - &.directorist-form-privacy { - padding: 30px 30px 0; - } - } - @media only screen and (max-width: 480px) { - padding: 30px 20px 0; - } - label { - font-size: 14px; - font-weight: 500; - margin: 0 0 10px; - a { - color: var(--directorist-color-info); - } - } - #guest_user_email { - margin: 0 0 10px; - } - } - - .directorist-form-required { - padding-left: 5px; - } - } - - // Publish Text - @include e(publish) { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; - @media only screen and (max-width: 576px) { - padding: 70px 20px; - } - @media only screen and (max-width: 480px) { - padding: 50px 20px; - } - @include e(icon) { - i { - 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) { - margin-bottom: 20px; - } - &:after { - width: 30px; - height: 30px; - background-color: var(--directorist-color-primary); - @media only screen and (max-width: 480px) { - width: 25px; - height: 25px; - } - @media only screen and (max-width: 480px) { - width: 22px; - height: 22px; - } - } - } - } - @include e(title) { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; - @media only screen and (max-width: 480px) { - font-size: 22px; - } - } - @include e(subtitle) { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; - } - } - - .directorist-form-group textarea { - padding: 10px 0; - background: transparent; - } - - .atbd_map_shape { - width: 50px; - height: 50px; - &:before { - left: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); - } - .directorist-icon-mask::after { - width: 11px; - height: 20px; - } - } -} - -/* Custom Fields */ -/* select */ -.directorist-custom-field-select { - select.directorist-form-element { - 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; - - .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; - } - - .directorist-dropbox-file-types { - 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; -} - -.directorist-modal-container.show { - display: block; -} - -.directorist-modal-wrap { - display: flex; - background-color: #00000078; - 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; -} - -.directorist-modal-header { - display: flex; - padding: 10px 20px; - justify-content: space-between; - align-items: center; - border-bottom: 1px solid #e4e4e4; -} - -.directorist-modal-title-area { - display: block; -} - -.directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; -} - -.directorist-modal-actions-area { - display: block; - padding: 0 10px; -} - -.directorist-modal-body { - display: block; - padding: 20px; -} - -.directorist-form-privacy { - margin-bottom: 10px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - &.directorist-checkbox - input[type="checkbox"] - + .directorist-checkbox__label:after { - border-color: var(--directorist-color-body); - } -} - -.directorist-form-privacy, -.directorist-form-terms { - display: flex; - a { - text-decoration: none; - } -} - -/* ============================= - backend add listing form -================================*/ -.add_listing_form_wrapper .hide-if-no-js { - 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; -} - -.directorist-map-field #floating-panel { - margin-bottom: 20px; - - #delete_marker { - 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; -} - -// Custom Field Checkbox & Radio -.directorist-custom-field-radio, -.directorist-custom-field-checkbox { - display: flex; - gap: 0 10px; - flex-wrap: wrap; - - .directorist-form-label, - .directorist-form-description, - .directorist-custom-field-btn-more { - width: 100%; - flex: 0 0 100%; - } - - .directorist-checkbox, - .directorist-radio { - flex: 0 0 49%; - - @media only screen and (max-width: 767px) { - flex: 0 0 100%; - } - } - - .directorist-custom-field-btn-more { - margin-top: 5px; - &:after { - content: ""; - display: inline-block; - margin-left: 5px; - mask-image: url(../../../icons/line-awesome/svgs/angle-down-solid.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); - } - - &.active { - &:after { - mask-image: url(../../../icons/line-awesome/svgs/angle-up-solid.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; - li { - margin: 0; - input { - margin-top: 0; - } - &.select2-search--inline { - width: auto; - } - } -} - -// Multistep Wizard -.multistep-wizard { - display: flex; - gap: 30px; - @media only screen and (max-width: 991px) { - flex-direction: column; - } - @include e(nav) { - display: flex; - gap: 6px; - flex-direction: column; - height: fit-content; - max-height: 100vh; - min-width: 270px; - max-width: 270px; - overflow-y: auto; - &.sticky { - position: fixed; - top: 0; - } - @include e(btn) { - 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) { - width: 100%; - } - i { - min-width: 36px; - width: 36px; - height: 36px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 100%; - background-color: #ededed; - &:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - transition: background-color 0.2s ease; - } - } - &:before { - position: absolute; - right: 20px; - top: 50%; - transform: translateY(-50%); - content: ""; - mask-image: url("../../../icons/font-awesome/svgs/solid/arrow-right.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; - } - &.active, - &:hover { - box-shadow: var(--directorist-box-shadow); - border-color: var(--directorist-color-border-light); - background-color: var(--directorist-color-white); - outline: none; - &:before { - opacity: 1; - } - } - &:focus { - outline: none; - font-weight: 600; - color: var(--directorist-color-primary); - &:before { - background-color: var(--directorist-color-primary); - } - i::after { - background-color: var(--directorist-color-primary); - } - } - &.completed { - color: var(--directorist-color-primary); - &:before { - mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - opacity: 1; - } - i::after { - background-color: var(--directorist-color-primary); - } - } - } - - @media only screen and (max-width: 991px) { - display: none; - } - } - @include e(content) { - flex: 1; - } - @include e(single) { - border-radius: 12px; - background-color: var(--directorist-color-white); - label { - display: block; - } - span.required { - color: var(--directorist-color-danger); - } - - @media only screen and (max-width: 991px) { - .directorist-content-module { - @include e(title) { - position: relative; - cursor: pointer; - h2 { - padding-inline-end: 20px; - } - &:before { - position: absolute; - right: 20px; - top: 50%; - transform: translateY(-50%); - content: ""; - mask-image: url("../../../icons/font-awesome/svgs/solid/chevron-down.svg"); - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-dark); - } - &.opened { - &:before { - mask-image: url("../../../icons/font-awesome/svgs/solid/chevron-up.svg"); - } - } - } - @include e(contents) { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - transition: padding-top 0.3s ease; - &.active { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } - } - } - } - } - @include e(progressbar) { - position: relative; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 8px; - &:before { - 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; - } - @include e(width) { - position: absolute; - top: 0; - left: 0; - width: 0; - - &:after { - 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; - } - } - } - @include e(bottom) { - display: flex; - flex-wrap: wrap; - gap: 25px; - align-items: center; - justify-content: space-between; - margin: 20px 0; - @media only screen and (max-width: 575px) { - gap: 15px; - justify-content: center; - } - } - @include e(btn) { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); - &.directorist-btn { - color: var(--directorist-color-body); - i:after { - background-color: var(--directorist-color-body); - } - &:hover, - &:focus { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - i:after { - background-color: var(--directorist-color-white); - } - } - } - &[disabled="true"], - &[disabled="disabled"] { - color: var(--directorist-color-light-gray); - pointer-events: none; - i { - &:after { - background-color: var(--directorist-color-light-gray); - } - } - } - i { - &:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); - } - } - @include m("save-preview") { - flex: 0 0 100%; - &.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; - } - @media only screen and (max-width: 575px) { - width: 100%; - } - } - @include m("skip-preview") { - flex: 0 0 100%; - &.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; - } - } - &.directorist-btn { - min-height: unset; - @media only screen and (max-width: 575px) { - flex: 0 0 100%; - } - } - } - @include e(count) { - font-size: 15px; - font-weight: 500; - @media only screen and (max-width: 575px) { - flex: 0 0 100%; - text-align: center; - } - } - - .default-add-listing-bottom { - display: none; - } - - &.default-add-listing { - .multistep-wizard__single { - display: block !important; - } - .multistep-wizard__bottom, - .multistep-wizard__progressbar { - display: none !important; - } - - .default-add-listing-bottom { - display: flex; - gap: 20px; - flex-wrap: wrap; - padding: 35px 0; - justify-content: space-between; - .directorist-form-submit__btn { - width: 100%; - height: 54px; - } - } - } -} -.logged-in { - .multistep-wizard__nav.sticky { - top: 32px; - } -} - -@keyframes atbd_scale { - 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; - &::after { - display: none; - } -} diff --git a/assets/src/scss/component/_advanced-search.scss b/assets/src/scss/component/_advanced-search.scss deleted file mode 100644 index b005f98ab0..0000000000 --- a/assets/src/scss/component/_advanced-search.scss +++ /dev/null @@ -1,617 +0,0 @@ -// Advance Search Filter -.directorist-advanced-filter { - // Advance Search Filter Basic - @include e(basic) { - display: flex; - flex-direction: column; - @include e(element) { - display: flex; - .directorist-search-field { - flex-direction: column; - align-items: flex-start; - flex-wrap: wrap; - width: 100%; - padding: 0; - margin: 0 0 40px; - @media screen and (max-width: 575px) { - margin: 0 0 20px; - } - } - .directorist-checkbox-wrapper, - .directorist-radio-wrapper, - .directorist-search-tags { - gap: 15px; - margin: 0; - flex-wrap: wrap; - .directorist-checkbox, - .directorist-radio { - margin: 0; - flex: 0 0 46%; - @media only screen and (max-width: 575px) { - flex: 0 0 100%; - } - } - } - .directorist-form-group { - .directorist-filter-location-icon { - margin-top: 3px; - z-index: 99; - } - } - .form-group { - display: flex; - align-items: center; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; - @media screen and (max-width: 575px) { - margin: 0 0 20px; - } - > label { - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); - } - } - } - } - - // Advance Search Filter Advance - @include e(advanced) { - display: flex; - flex-direction: column; - @include e(element) { - overflow: hidden; - &.directorist-search-field-location, - &.directorist-search-field-category { - .directorist-search-field.input-is-focused { - margin-top: 0; - } - } - .directorist-search-field { - flex-direction: column; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; - transition: margin 0.3s ease; - @media screen and (max-width: 575px) { - margin: 0 0 20px; - } - > label { - display: inline-flex; - margin: 0 0 15px; - font-size: 16px; - font-weight: 500; - color: var(--directorist-color-dark); - } - .directorist-search-field__label { - top: 6px; - transform: unset; - font-size: 14px; - font-weight: 400; - ~ .directorist-form-group__with-prefix .directorist-form-element, - ~ .directorist-search-field__input { - &::placeholder { - opacity: 0; - transition: opacity 0.3s ease; - } - } - } - .directorist-form-group__prefix--start { - opacity: 0; - transition: opacity 0.3s ease; - } - .directorist-search-field__input { - &[type="date"] { - padding-right: 0; - } - &[type="time"] { - padding-right: 0; - } - } - - &.input-is-focused { - width: 100%; - display: inline-flex; - margin-top: 40px; - .directorist-search-field__label { - top: -35px; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; - } - .directorist-form-group__prefix--start { - opacity: 1; - } - .directorist-search-field__input { - bottom: 0; - width: 100%; - &::placeholder { - opacity: 1; - } - - &[type="date"] { - padding-right: 20px; - } - &[type="time"] { - padding-right: 20px; - } - } - } - - &.directorist-search-field-radius_search, - &.directorist-search-field-price_range, - &.directorist-search-field-text_range, - &.directorist-search-field__number { - > label { - position: unset; - transform: unset; - } - } - } - .directorist-checkbox-wrapper, - .directorist-radio-wrapper, - .directorist-search-tags { - gap: 15px; - margin: 0; - padding: 10px 0; - flex-wrap: wrap; - @media only screen and (max-width: 575px) { - gap: 10px; - } - .directorist-checkbox, - .directorist-radio { - margin: 0; - flex: 0 0 46%; - - @media only screen and (max-width: 575px) { - flex: 0 0 100%; - } - } - } - .directorist-search-tags { - .directorist-checkbox { - display: none; - - &:nth-child(-n + 4) { - display: block; - } - } - } - .directorist-form-group { - .directorist-filter-location-icon { - margin-top: 1px; - z-index: 99; - } - } - .form-group { - display: flex; - align-items: center; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; - @media screen and (max-width: 575px) { - margin: 0 0 20px; - } - > label { - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); - } - } - - &.directorist-search-field-tag, - &.directorist-search-field-radio, - &.directorist-search-field-review, - &.directorist-search-field-checkbox, - &.directorist-search-field-location, - &.directorist-search-field-pricing, - &.directorist-search-field-color_picker { - overflow: visible; - display: flex; - .directorist-search-field { - width: 100%; - } - } - } - } - - // Advance Search Filter Action - @include e(action) { - gap: 10px; - padding: 17px 40px; - .directorist-btn-reset-js { - 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; - &:disabled { - opacity: 0.5; - cursor: not-allowed; - } - } - .directorist-btn { - font-size: 15px; - font-weight: 700; - border-radius: 8px; - padding: 0 32px; - height: 50px; - letter-spacing: 0; - @media only screen and (max-width: 375px) { - padding: 0 14.5px; - } - } - &.reset-btn-disabled { - .directorist-btn-reset-js { - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; - } - } - } - - .directorist-form-group { - &.directorist-icon-right .directorist-input-icon { - right: 0; - } - &.directorist-icon-left .directorist-input-icon { - left: 0; - } - } - - .directorist-date, - .directorist-time { - .directorist-form-group { - width: 100%; - } - } - - .directorist-btn-ml { - display: inline-block; - margin-top: 10px; - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-body); - &:hover { - color: var(--directorist-color-primary); - } - @media screen and (max-width: 575px) { - margin-top: 10px; - } - } -} - -.directorist-search-field-radius_search { - position: relative; - .directorist-custom-range-slider__range__wrap { - position: absolute; - right: 0; - top: 0; - } -} - -.directorist-search-field-review .directorist-checkbox { - display: block; - width: auto; - 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); - &:not(:last-child) { - margin-bottom: 20px; - @media screen and (max-width: 575px) { - margin-bottom: 10px; - } - } - &:before { - top: 3px; - } - &:after { - top: -2px; - @media only screen and (max-width: 575px) { - top: 0; - } - } - @media only screen and (max-width: 575px) { - padding-left: 28px; - } - .directorist-icon-mask { - &:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light); - } - } - } - input[value="5"] + label { - .directorist-icon-mask { - &:after { - background-color: var(--directorist-color-star); - } - } - } - input[value="4"] + label { - .directorist-icon-mask { - &:not(:nth-child(5)):after { - background-color: var(--directorist-color-star); - } - } - } - input[value="3"] + label { - .directorist-icon-mask { - &:nth-child(1):after, - &:nth-child(2):after, - &:nth-child(3):after { - background-color: var(--directorist-color-star); - } - } - } - input[value="2"] + label { - .directorist-icon-mask { - &:nth-child(1):after, - &:nth-child(2):after { - background-color: var(--directorist-color-star); - } - } - } - input[value="1"] + label { - .directorist-icon-mask { - &:nth-child(1):after { - background-color: var(--directorist-color-star); - } - } - } -} - -.directorist-search-field .directorist-price-ranges { - display: flex; - flex-wrap: wrap; - gap: 20px; - @media (max-width: 575px) { - gap: 12px 35px; - justify-content: space-between; - position: relative; - &:after { - content: ""; - position: absolute; - top: 20px; - left: 50%; - transform: translateX(-50%); - width: 10px; - height: 2px; - background-color: var(--directorist-color-border); - } - - .directorist-form-group:last-child { - margin-left: 15px; - } - } - @media (max-width: 480px) { - gap: 20px; - } - @include e(item) { - flex: 1; - position: relative; - &.directorist-form-group { - display: flex; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); - .directorist-form-element { - flex: 1; - border: 0 none !important; - } - &:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); - } - @media screen and (max-width: 575px) { - padding: 0 15px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - &:focus { - padding-bottom: 0; - border: 2px solid var(--directorist-color-primary); - } - @include e("prefix") { - height: 34px; - line-height: 34px; - } - } - } - } - @include e(label) { - margin-right: 5px; - } - @include e(currency) { - line-height: 1; - } - @include e("price-frequency") { - display: flex; - flex-wrap: wrap; - flex: 0 0 100%; - width: 100%; - gap: 6px; - margin: 11px 0 0; - @media screen and (max-width: 575px) { - gap: 0; - margin: 0; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - label { - flex: 1; - margin: 0; - &:first-child { - .directorist-pf-range { - border-radius: 10px 0 0 10px; - } - } - &:last-child { - .directorist-pf-range { - border-radius: 0 10px 10px 0; - } - } - &:not(last-child) { - border-right: 1px solid var(--directorist-color-border); - } - } - } - input[type="radio"] { - display: none; - &:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - } - } - } - - .directorist-pf-range { - 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) { - width: 100%; - border-radius: 0; - background-color: var(--directorist-color-white); - } - } -} - -// wp-color Picker -.directorist-search-field { - font-size: 15px; - .wp-picker-container { - .wp-picker-clear, - .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - transition: all 0.2s ease-in-out; - border-radius: 3px; - text-decoration: none; - } - .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - transition: all 0.2s ease-in-out; - border-radius: 3px; - } - .wp-color-result-text { - 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; - } - } - .wp-picker-holder { - position: absolute; - z-index: 22; - } -} - -// Business Hour Open Close -.check-btn { - display: flex; - flex-wrap: wrap; - label { - display: inline-flex; - input { - display: none; - &:checked { - & + span:before { - opacity: 1; - visibility: visible; - } - & + span:after { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); - } - } - } - - span { - 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; - i { - display: none; - } - &:before { - position: absolute; - left: 23px; - top: 50%; - transform: translateY(-50%); - content: ""; - mask-image: url("../../../icons/font-awesome/svgs/solid/check.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; - } - &:after { - 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; -} diff --git a/assets/src/scss/component/_alert.scss b/assets/src/scss/component/_alert.scss deleted file mode 100644 index 02014a8e03..0000000000 --- a/assets/src/scss/component/_alert.scss +++ /dev/null @@ -1,152 +0,0 @@ -/* Alerts style */ -.directorist-alert { - 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-icon-mask{ - margin-right: 5px; - } - > a{ - padding-left: 5px; - } - @include e('content') { - display: flex; - align-items: flex-start; - - span.la, - span.fa, - i { - margin-right: 12px; - line-height: 1.65; - } - - p { - margin-bottom: 0; - } - } - - @include e('close') { - 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; - - .la, - .fa, - i, - span { - font-size: 16px; - margin-left: 10px; - color: var(--directorist-color-danger); - } - - &:focus { - background-color: transparent; - outline: none; - } - } - a{ - text-decoration: none; - } -} - -// Alert Type -.directorist-alert { - &.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), .10); - color: var(--directorist-color-primary); - - .directorist-alert__close { - color: var(--directorist-color-primary); - } - } - - &.directorist-alert-info { - background-color: #DCEBFE; - color: #157CF6; - - .directorist-alert__close { - color: #157CF6; - } - } - - &.directorist-alert-warning { - background-color: #FEE9D9; - color: #F56E00; - - .directorist-alert__close { - color: #F56E00; - } - } - - &.directorist-alert-danger { - background-color: #FCD9D9; - color: #E80000; - - .directorist-alert__close { - color: #E80000; - } - } - - &.directorist-alert-success { - background-color: #D9EFDC; - color: #009114; - - .directorist-alert__close { - color: #009114; - } - } - @include m(sm){ - padding: 10px 20px; - } -} - -//alert-danger in registration page -.alert-danger { - background: rgba(#E80000, 0.3); - &.directorist-register-error { - background: #FCD9D9; - color: #E80000; - border-radius: 3px; - .directorist-alert__close { - color: #E80000; - } - } -} - -/* Add listing notice alert */ -.directorist-single-listing-notice{ - .directorist-alert__content{ - justify-content: space-between; - width: 100%; - button{ - cursor: pointer; - span{ - font-size: 20px; - } - } - } -} -.directorist-user-dashboard{ - .directorist-container-fluid{ - box-sizing: border-box; - } - .directorist-alert-info{ - .directorist-alert__close{ - cursor: pointer; - padding-right: 0; - } - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_all-authors.scss b/assets/src/scss/component/_all-authors.scss deleted file mode 100644 index 978ed94bee..0000000000 --- a/assets/src/scss/component/_all-authors.scss +++ /dev/null @@ -1,249 +0,0 @@ -/* Directorist all authors card */ -.directorist-authors-section { - position: relative; -} - -.directorist-content-active .directorist-authors { - @include e(cards) { - margin-top: -30px; - - .directorist-row>* { - margin-top: 30px; - } - } - - @include e(nav) { - margin-bottom: 30px; - - ul { - list-style-type: none; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: center; - margin: 0; - padding: 0; - } - - li { - list-style: none; - - a { - 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; - - &:hover { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); - } - } - - &.active { - a { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); - } - } - } - } - - @include e(card) { - 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); - - @include e(img) { - margin-bottom: 15px; - text-align: center; - - img { - border-radius: 50%; - width: 150px; - height: 150px; - display: inline-block; - object-fit: cover; - } - } - - @include e(details) { - @include e(top) { - text-align: center; - border-bottom: 1px solid var(--directorist-color-border); - margin: 5px 0 15px; - } - } - - h2 { - font-size: 20px; - font-weight: 500; - margin: 0 0 16px 0 !important; - line-height: normal; - - &:before { - content: none; - } - } - - h3 { - font-size: 14px; - font-weight: 400; - color: #8F8E9F; - margin: 0 0 15px 0 !important; - line-height: normal; - text-transform: none; - letter-spacing: normal; - } - - @include e('info-list') { - list-style-type: none; - padding: 0; - margin: 0; - margin-bottom: 15px !important; - - li { - font-size: 14px; - color: #767792; - list-style: none; - word-wrap: break-word; - word-break: break-all; - display: flex; - margin: 0; - - &:not(:last-child) { - margin-bottom: 5px; - } - - a { - color: #767792; - border: 0 none; - box-shadow: none; - text-decoration: none; - } - - .directorist-icon-mask { - margin-right: 5px; - margin-top: 3px; - &:after{ - width: 16px; - height: 16px; - } - } - - /* Legacy Icon */ - > i:not(.directorist-icon-mask){ - display: inline-block; - margin-right: 5px; - margin-top: 5px; - font-size: 16px; - } - } - } - - .directorist-author-social { - margin: 0 0 15px; - - li { - margin: 0; - } - - a { - border: 0 none; - box-shadow: none; - text-decoration: none; - - &:hover { - background-color: var(--directorist-color-primary); - /* Legacy Icon */ - >span{ - background: none; - color: var(--directorist-color-white); - } - } - } - } - - p { - font-size: 14px; - color: #767792; - margin-bottom: 20px; - } - - .directorist-btn { - border: 0 none; - box-shadow: none; - transition: 0.3s ease; - - &:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - } - } - } -} - -/* Directorist All author Grid */ -.directorist-authors { - @include e(cards) { - .directorist-col-6 { - @media (max-width: 575px) { - width: 100%; - } - } - - .directorist-col-4 { - @media (max-width: 991px) { - width: 50%; - } - - @media (max-width: 575px) { - width: 100%; - } - } - - .directorist-col-3 { - @media (max-width: 1199px) { - width: 33.33%; - } - - @media (max-width: 991px) { - width: 50%; - } - - @media (max-width: 575px) { - width: 100%; - } - } - - .directorist-col-2 { - @media (max-width: 1199px) { - width: 25%; - } - - @media (max-width: 991px) { - width: 33.33%; - } - - @media (max-width: 767px) { - width: 50%; - } - - @media (max-width: 575px) { - width: 100%; - } - } - } - - @include e(pagination) { - margin-top: 25px; - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_archive.scss b/assets/src/scss/component/_archive.scss deleted file mode 100644 index 0ff9c6eb25..0000000000 --- a/assets/src/scss/component/_archive.scss +++ /dev/null @@ -1,680 +0,0 @@ -/* All listing archive page styles */ -.directorist-archive-contents { - box-sizing: border-box; - .directorist-archive-items .directorist-pagination { - margin-top: 35px; - } - .gm-style-iw-chr, - .gm-style-iw-tc { - display: none; - } - - @media screen and (max-width: 575px) { - .directorist-archive-contents__top { - padding: 15px 20px 0; - .directorist-type-nav { - margin: 0 0 25px; - } - } - .directorist-type-nav__link .directorist-icon-mask { - display: none; - } - } -} - -/* Directory type nav */ -.directorist-content-active { - .directorist-type-nav { - @include e(link) { - 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); - &:hover { - color: var(--directorist-color-primary); - .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); - } - } - &:focus { - background-color: transparent; - } - .directorist-icon-mask { - display: inline-block; - margin: 0 0 10px; - &::after { - width: 22px; - height: 20px; - background-color: var(--directorist-color-body); - } - } - } - - @include e(list) { - 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) { - overflow-x: auto; - flex-wrap: nowrap; - } - @media only screen and (max-width: 575px) { - justify-content: flex-start; - } - - &::-webkit-scrollbar { - display: none; - } - - li { - flex: none; - margin: 0; - list-style: none; - line-height: 1; - } - - a { - text-decoration: unset; - } - - .current, - .directorist-type-nav__list__current { - .directorist-type-nav__link { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); - } - .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-header-bar { - display: flex; - margin: 30px 0; - @media screen and (max-width: 575px) { - .directorist-listings-header { - .directorist-modal-btn--full { - display: none; - } - } - .directorist-container-fluid { - padding: 0; - } - } - } - } - - .directorist-listings-header { - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: wrap; - gap: 15px; - width: 100%; - - .directorist-dropdown .directorist-dropdown__links { - top: 42px; - } - - .directorist-header-found-title { - margin: 0; - padding: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - } - - @include e(left) { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 15px; - .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-icon-mask::after { - width: 14px; - height: 14px; - margin-right: 2px; - } - &:hover { - background-color: var(--directorist-color-bg-gray) !important; - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); - } - } - } - - @include e(right) { - display: flex; - flex-wrap: wrap; - gap: 10px; - - .directorist-dropdown .directorist-dropdown__links__single { - cursor: pointer; - - &:hover { - background-color: var(--directorist-color-light); - } - } - } - } - - .directorist-archive-items { - display: flex; - flex-direction: column; - .directorist-archive-notfound { - padding: 15px; - } - } -} - -.directorist-viewas { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 8px; - @include e(item) { - 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); - i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); - } - &.active { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); - i::after { - background-color: var(--directorist-color-white); - } - } - @include m("list") { - @media only screen and (max-width: 575px) { - display: none; - } - } - } -} - -// Listing with Sidebar -.listing-with-sidebar { - display: flex; - gap: 30px; - flex-wrap: wrap; - @media only screen and (max-width: 991px) { - flex-direction: column; - .directorist-advanced-filter__form { - width: 100%; - } - } - @media only screen and (max-width: 575px) { - .directorist-search-form__top { - display: flex; - gap: 10px; - width: 100%; - margin: 0; - } - .directorist-search-form-action__submit { - display: block; - } - .listing-with-sidebar__header .directorist-header-bar { - display: flex; - } - } - @include e(wrapper) { - display: flex; - gap: 30px; - flex-direction: column; - } - @include e("type-nav") { - flex: 0 0 100%; - .directorist-type-nav__list { - gap: 40px; - } - } - @include e(searchform) { - flex: 0 0 100%; - @media only screen and (max-width: 767px) { - .directorist-search-form__box { - padding: 15px; - } - } - @media only screen and (max-width: 575px) { - .directorist-search-form__box { - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - } - } - .directorist-search-form { - display: flex; - .directorist-filter-location-icon { - right: 15px; - top: unset; - transform: unset; - bottom: 8px; - } - } - .directorist-advanced-filter__form { - display: flex; - width: 100%; - gap: 20px; - @media only screen and (max-width: 767px) { - flex-direction: column; - } - } - .directorist-search-contents { - padding: 0; - } - .directorist-search-form-dropdown { - &.input-has-value, - &.input-is-focused { - .directorist-search-field__input { - bottom: 0; - } - } - } - .directorist-search-field-pricing, - .directorist-search-field__number, - .directorist-search-field-text_range, - .directorist-search-field-price_range, - .directorist-search-field-radius_search { - > label { - position: unset; - transform: unset; - display: block; - font-size: 14px; - font-weight: 500; - margin-bottom: 15px; - } - } - } - @include e(header) { - flex: 0 0 100%; - .directorist-header-bar { - margin: 0; - } - .directorist-container-fluid { - padding: 0; - } - .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; - .directorist-icon-mask { - margin-right: 5px; - &::after { - background-color: currentColor; - width: 14px; - height: 14px; - } - } - @media only screen and (max-width: 991px) { - display: inline-flex; - align-items: center; - } - @include m("active") { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); - } - } - } - } - @include e(sidebar) { - display: inline-flex; - flex: 1; - height: 100%; - max-width: 350px; - form { - width: 100%; - } - .directorist-advanced-filter__close { - display: none; - } - - @media screen and (max-width: 1199px) { - max-width: 300px; - min-width: 300px; - } - - @media only screen and (max-width: 991px) { - 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; - - .directorist-search-form__box-wrap { - padding-bottom: 30px; - } - .directorist-advanced-filter__close { - display: flex; - width: 40px; - height: 40px; - border-radius: 100%; - background-color: var(--directorist-color-light); - } - } - - @include m(open) { - left: 0; - visibility: visible; - opacity: 1; - } - - .directorist-form-group label { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); - } - .directorist-search-contents { - padding: 0; - } - .directorist-search-basic-dropdown-content { - display: block !important; - } - .directorist-search-form__box { - padding: 0; - @media only screen and (max-width: 991px) { - display: block; - height: 100svh; - box-shadow: none; - border: none; - .directorist-advanced-filter__advanced { - display: block; - } - } - } - .directorist-search-field__input { - &.directorist-form-element { - &:not([type="number"]) { - padding-right: 20px; - } - } - } - .directorist-advanced-filter__top { - 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; - } - .directorist-advanced-filter__title { - margin: 0; - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); - } - .directorist-advanced-filter__advanced { - flex: 1; - box-sizing: border-box; - padding: 25px 30px 0; - } - .directorist-advanced-filter__advanced__element .directorist-search-field { - > label { - font-size: 16px; - font-weight: 500; - margin: 0; - } - &.directorist-search-field-radius_search, - &.directorist-search-field-price_range, - &.directorist-search-field-text_range { - > label { - position: unset; - margin-bottom: 15px; - } - } - &.directorist-search-field__number { - > label { - position: unset; - } - } - .directorist-search-tags, - .directorist-search-review, - .directorist-radio-wrapper, - .directorist-checkbox-wrapper { - margin-top: 13px; - } - } - .directorist-form-group:last-child .directorist-search-field { - margin-bottom: 0; - } - .directorist-advanced-filter__action { - 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; - &.directorist-advanced-filter__action--ajax { - padding: 0; - border: none; - text-align: end; - margin: -20px 0 20px; - z-index: 1; - .directorist-btn-reset-ajax { - padding: 0; - color: var(--directorist-color-info); - background: transparent; - width: auto; - height: auto; - line-height: normal; - font-size: 14px; - } - &.reset-btn-disabled { - display: none; - } - } - } - .directorist-search-modal__contents__footer { - position: relative; - background-color: transparent; - } - .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); - &:disabled { - opacity: 0.5; - cursor: not-allowed; - } - } - .directorist-btn-submit { - width: 100%; - } - .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 54px; - @media screen and (max-width: 575px) { - width: 100%; - } - } - .directorist-price-ranges__price-frequency__btn:last-child { - border: 0 none; - } - .directorist-checkbox-wrapper, - .directorist-radio-wrapper, - .directorist-search-tags { - flex-direction: column; - } - - &.right-sidebar-contents { - order: 2; - } - - .directorist-form-group { - &.directorist-search-field { - .directorist-search-field__label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - &.directorist-search-basic-dropdown-label { - position: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - i, - span { - display: none; - } - } - } - .directorist-search-field__input::placeholder { - opacity: 0; - transition: opacity 0.3s ease; - } - &.input-is-focused { - width: 100%; - display: inline-flex; - margin-top: 40px; - .directorist-search-field__label { - top: -35px; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0 0 10px; - z-index: 1; - } - .directorist-search-field__input { - bottom: 0; - width: 100%; - &::placeholder { - opacity: 1; - } - } - } - } - &.directorist-icon-right .directorist-input-icon { - right: 0; - } - &.directorist-icon-left .directorist-input-icon { - left: 0; - } - } - } - @include e(listing) { - display: inline-flex; - flex: 1; - padding: 0; - flex-wrap: wrap; - flex-direction: column; - .directorist-header-bar, - .directorist-archive-items { - width: 100%; - display: flex; - .directorist-container-fluid { - padding: 0; - } - } - .directorist-archive-items { - flex-direction: column; - } - .directorist-search-modal-advanced { - display: none; - } - } - @include e(contents) { - display: flex; - gap: 30px; - } - .directorist-search-form__top { - .directorist-search-field { - @media screen and (max-width: 575px) { - margin: 0 20px 0 0; - &.input-is-focused { - margin: 0 25px; - &.input-has-noLabel { - margin: 0; - .directorist-filter-location-icon { - right: 0; - } - } - } - .directorist-filter-location-icon { - right: -15px; - } - } - } - } -} -.logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - @media only screen and (max-width: 991px) { - padding-top: 30px; - } - @media only screen and (max-width: 767px) { - padding-top: 46px; - } - @media only screen and (max-width: 600px) { - padding-top: 0; - } -} diff --git a/assets/src/scss/component/_atmodal.scss b/assets/src/scss/component/_atmodal.scss deleted file mode 100644 index 9d05074df4..0000000000 --- a/assets/src/scss/component/_atmodal.scss +++ /dev/null @@ -1,143 +0,0 @@ -/* Modal Core Styles */ -.atm-open { - overflow: hidden; -} - -.atm-open .at-modal { - 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; -} - -.at-modal-content { - 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; -} - -.at-modal-content.at-modal-lg { - width: 800px; -} - -.at-modal-content.at-modal-xl { - width: 1140px; -} - -.at-modal-content.at-modal-sm { - width: 300px; -} - -.at-modal.atm-fade { - transition: .3s ease; -} - -.at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; -} - -.at-modal.atm-show .at-modal-content { - 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; - 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; -} - -/* 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); - } -} - -/* 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); - } -} - -/* 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); - } -} - -/* 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); - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_authentication.scss b/assets/src/scss/component/_authentication.scss deleted file mode 100644 index b2ac137b53..0000000000 --- a/assets/src/scss/component/_authentication.scss +++ /dev/null @@ -1,190 +0,0 @@ -/* Authentication style */ -.directorist-author { - @include e(form) { - 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) { - padding: 40px 25px; - } - @include e(btn) { - width: 100%; - height: 50px; - border-radius: 8px; - } - @include e(actions) { - display: flex; - flex-wrap: wrap; - gap: 15px; - justify-content: space-between; - padding: 28px 0 33px; - a { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); - border-bottom: 1px dashed var(--directorist-color-deep-gray); - &:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); - } - } - label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - } - } - @include e("toggle-area") { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - a { - margin-left: 5px; - color: var(--directorist-color-info); - &:hover { - color: var(--directorist-color-primary); - } - } - } - @include e("recover-pass-modal") { - .directorist-form-group { - padding: 25px; - } - p { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0 0 20px; - } - } - } - @include e(message) { - @include e(text) { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - } - } -} - -/* Authentication style */ -.directorist-authentication { - height: 0; - opacity: 0; - visibility: hidden; - transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; - @include e(form) { - 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) { - padding: 40px 25px; - } - @include e(btn) { - width: 100%; - height: 50px; - border: none; - border-radius: 8px; - transition: background-color 0.3s ease; - } - @include e(actions) { - display: flex; - flex-wrap: wrap; - gap: 15px; - justify-content: space-between; - padding: 28px 0 33px; - a { - font-size: 14px; - font-weight: 400; - color: #808080; - border-bottom: 1px dashed #808080; - &:hover { - color: #000000; - border-color: #000000; - } - } - label { - font-size: 14px; - font-weight: 400; - color: #404040; - } - } - @include e("toggle-area") { - font-size: 14px; - font-weight: 400; - color: #404040; - a { - margin-left: 5px; - color: #2c99ff; - transition: color 0.3s ease; - &:hover { - color: #000000; - } - } - } - @include e("recover-pass-modal") { - display: none; - .directorist-form-group { - margin: 0; - padding: 25px; - box-sizing: border-box; - border-radius: 8px; - border: 1px solid #e9e9e9; - } - p { - font-size: 14px; - font-weight: 400; - color: #404040; - margin: 0 0 20px; - } - } - .directorist-form-element { - border: none; - padding: 15px 0; - border-radius: 0; - border-bottom: 1px solid #ececec; - } - .directorist-form-group > label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: #404040; - } - } - @include e("btn") { - 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; - &:hover { - opacity: 0.75; - } - } - @include e(message) { - @include e(text) { - font-size: 14px; - font-weight: 400; - color: #404040; - } - } - - &.active { - height: auto; - opacity: 1; - visibility: visible; - } -} diff --git a/assets/src/scss/component/_author-profile.scss b/assets/src/scss/component/_author-profile.scss deleted file mode 100644 index 4ec597267e..0000000000 --- a/assets/src/scss/component/_author-profile.scss +++ /dev/null @@ -1,497 +0,0 @@ -.directorist-content-active { - box-sizing: border-box; - // Author Profile Style - .directorist-author-profile { - padding: 0; - @include e(wrap) { - display: flex; - align-items: center; - justify-content: space-between; - gap: 15px; - padding: 25px 30px; - margin: 0 0 40px; - @include e(body) { - padding: 0; - } - @media only screen and (max-width: 991px){ - flex-direction: column; - } - @media only screen and (max-width: 575px){ - gap: 8px; - } - } - @include e(avatar) { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 20px; - @media only screen and (max-width: 575px) { - flex-direction: column; - text-align: center; - gap: 15px; - } - img { - max-width: 100px !important; - max-height: 100px; - border-radius: 50%; - background-color: var(--directorist-color-bg-gray); - @media only screen and (max-width: 575px) { - max-width: 75px !important; - max-height: 75px !important; - } - } - @include e(info) { - .directorist-author-profile__avatar__info__name { - margin: 0 0 5px; - } - @include e(name) { - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); - margin: 0 0 5px; - @media only screen and (max-width: 991px){ - margin: 0; - } - } - p { - margin: 0; - font-size: 14px; - color: var(--directorist-color-body); - } - } - } - @include e('meta-list') { - 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){ - gap: 5px 20px; - justify-content: center; - } - @media only screen and (max-width: 575px){ - flex-direction: row-reverse; - } - @include e(item) { - display: flex; - align-items: center; - gap: 15px; - padding: 18px; - margin: 0; - padding-right: 75px; - border-radius: 10px; - background-color: var(--directorist-color-bg-gray); - i { - display: flex; - align-items: center; - justify-content: center; - width: 44px; - height: 44px; - background-color: var(--directorist-color-primary); - border-radius: 10px; - &:after { - width: 18px; - height: 18px; - background-color: var(--directorist-color-white); - } - @media only screen and (max-width: 575px) { - width: auto; - height: auto; - background-color: transparent; - &:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); - } - } - } - span { - display: flex; - flex-direction: column; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - span { - font-size: 18px; - font-weight: 500; - line-height: 1.1; - color: var(--directorist-color-primary); - } - @media only screen and (max-width: 575px) { - gap: 6px; - align-items: center; - flex-direction: unset; - span { - font-size: 15px; - line-height: 1; - } - } - } - @media only screen and (max-width: 767px) { - padding-right: 50px; - } - @media only screen and (max-width: 575px) { - padding: 0; - gap: 5px; - background: transparent; - border-radius: 0; - &:not(:first-child) i { - display: none; - } - } - } - } - } - .directorist-author-profile-content { - box-sizing: border-box; - max-width: 100%; - display: flex; - .directorist-card__header__title { - display: flex; - gap: 12px; - margin: 0; - i { - width: 34px; - height: 34px; - display: flex; - border-radius: 100%; - align-items: center; - justify-content: center; - background-color: var(--directorist-color-light); - &:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); - } - @media screen and (min-width: 576px) { - display: none; - } - } - } - } - - // Directorist Author Widget - .directorist-author-info-list { - padding: 0; - margin: 0; - li{ - margin-left: 0; - } - @include e(item) { - display: flex; - align-items: flex-start; - gap: 12px; - font-size: 15px; - color: var(--directorist-color-body); - - i { - margin-top: 5px; - @media screen and (max-width: 575px) { - 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-label { - display: none; - min-width: 70px; - padding-right: 10px; - margin-right: 8px; - margin-top: 5px; - position: relative; - &:before { - content: ':'; - position: absolute; - right: 0; - top: 0; - } - @media screen and (max-width: 375px) { - min-width: 60px; - } - } - - .directorist-icon-mask::after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-deep-gray); - } - .directorist-info { - word-break: break-all; - @media screen and (max-width: 575px) { - margin-top: 5px; - word-break: break-all; - } - } - a { - color: var(--directorist-color-body); - text-decoration: none; - &:hover { - color: var(--directorist-color-primary); - } - } - - &:not(:last-child) { - margin-bottom: 8px; - } - } - } - - .directorist-card__body .directorist-author-info-list { - padding: 0; - margin: 0; - } - - .directorist-author-social { - display: flex; - flex-wrap: wrap; - gap: 10px; - padding: 0; - margin: 22px 0 0; - list-style: none; - @include e(item) { - margin: 0; - a { - 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-icon-mask::after{ - background-color: #808080; - transition: 0.3s ease; - } - span{ - transition: 0.3s ease; - } - &:hover{ - background-color: var(--directorist-color-primary); - .directorist-icon-mask::after{ - background-color: var(--directorist-color-white); - } - - /* Legacy Icon */ - span.la, - span.fa{ - background: none; - color: var(--directorist-color-white); - } - } - } - } - } - - .directorist-author-contact .directorist-author-social { - margin: 22px 0 0; - li { - margin: 0; - } - } - - .directorist-author-info-widget, - .directorist-single-author-info, - .directorist-authors-section, - .directorist-author-social { - @include m(light){ - .directorist-author-social-item { - display: inline-block; - margin: 0; - 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-icon-mask:after { - background-color: var(--directorist-color-body); - } - &:hover { - background-color: var(--directorist-color-primary); - .directorist-icon-mask:after { - background-color: var(--directorist-color-white); - } - } - } - } - } - } - - // Directorist Author Listings - .directorist-author-listing-top { - display: flex; - flex-direction: column; - margin-bottom: 30px; - border-bottom: 1px solid var(--directorist-color-border); - - @include e(title) { - font-size: 30px; - font-weight: 400; - margin: 0 0 52px; - text-align: center; - } - @include e(filter) { - display: flex; - align-items: baseline; - justify-content: space-between; - flex-wrap: wrap; - gap: 30px; - .directorist-dropdown__links { - max-height: 300px; - overflow-y: auto; - } - } - - - .directorist-type-nav { - display: flex; - - @include e(link) { - flex-direction: row; - gap: 7px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); - i { - margin: 0; - &:after { - background-color: var(--directorist-color-deep-gray); - } - } - &:hover { - color: var(--directorist-color-primary); - i::after { - background-color: var(--directorist-color-primary); - } - } - } - @include e(list) { - display: inline-flex; - li { - margin: 0; - padding: 0; - } - @include e(current) { - color: var(--directorist-color-primary); - i::after { - background-color: var(--directorist-color-primary); - } - } - } - } - - .directorist-dropdown { - @include e(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) { - font-size: 0; - top: -5px; - &:after { - mask-image: url("../../../icons/font-awesome/svgs/solid/sliders-h.svg"); - mask-repeat: no-repeat; - width: 16px; - height: 12px; - background-color: var(--directorist-color-body); - } - } - } - - } - - @media screen and (max-width: 575px) { - .directorist-type-nav .directorist-type-nav__link i { - display: none; - } - } - } - - // Author Content Fix - .directorist-author-listing-content { - padding: 0; - &.directorist-author-listing-grid--fix{ - .directorist-col-lg-3{ - width: 33.3333333333%; - @media only screen and (max-width: 767px) { - width: 50%; - } - @media only screen and (max-width: 575px) { - width: 100%; - } - } - .directorist-col-4{ - @media only screen and (max-width: 767px) { - width: 50%; - } - @media only screen and (max-width: 575px) { - width: 100%; - } - } - .directorist-col-3{ - @media only screen and (max-width: 991px) { - width: 33.33%; - } - @media only screen and (max-width: 767px) { - width: 50%; - } - @media only screen and (max-width: 575px) { - width: 100%; - } - } - - .directorist-col-2{ - @media only screen and (max-width: 1199px) { - width: 25%; - } - @media only screen and (max-width: 991px) { - width: 33.33%; - } - @media only screen and (max-width: 767px) { - width: 50%; - } - @media only screen and (max-width: 575px) { - width: 100%; - } - } - } - .directorist-pagination { - padding-top: 35px; - } - } - - .directorist-author-listing-type { - .directorist-type-nav{ - background: none; - } - } -} diff --git a/assets/src/scss/component/_badge.scss b/assets/src/scss/component/_badge.scss deleted file mode 100644 index 8454ff75a1..0000000000 --- a/assets/src/scss/component/_badge.scss +++ /dev/null @@ -1,107 +0,0 @@ -// Badge Style -.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; -} - -// Badge Type -.directorist-badge{ - &.directorist-badge-primary{ - background-color: var(--directorist-color-primary); - } - &.directorist-badge-warning{ - background-color: var(--directorist-color-warning); - } - &.directorist-badge-info{ - background-color: var(--directorist-color-info); - } - &.directorist-badge-success{ - background-color: var(--directorist-color-success); - } - &.directorist-badge-danger{ - background-color: var(--directorist-color-danger); - } - &.directorist-badge-light{ - background-color: var(--directorist-color-white); - } - &.directorist-badge-gray{ - background-color: $gray; - } -} - -// Badge Transparent -.directorist-badge{ - &.directorist-badge-primary-transparent{ - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb),.15); - } - &.directorist-badge-warning-transparent{ - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb),.15); - } - &.directorist-badge-info-transparent{ - color: var(--directorist-color-info); - background-color: rgba(var(--directorist-color-info-rgb),.15); - } - &.directorist-badge-success-transparent{ - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb),.15); - } - &.directorist-badge-danger-transparent{ - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb),.15); - } - &.directorist-badge-light-transparent{ - color: var(--directorist-color-white); - background-color: rgba(var(--directorist-color-white-rgb),.15); - } - &.directorist-badge-gray-transparent{ - color: var(--directorist-color-gray); - background-color: rgba(var(--directorist-color-gray-rgb),.15); - } -} - -// Badge Tooltip -.directorist-badge { - .directorist-badge-tooltip { - 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; - @include e(featured) { - background-color: var(--directorist-color-featured-badge); - } - @include e(new) { - background-color: var(--directorist-color-new-badge); - } - @include e(popular) { - background-color: var(--directorist-color-popular-badge); - } - @media screen and (max-width: 480px) { - height: 25px; - line-height: 25px; - font-size: 10px; - padding: 0 15px; - } - } - &:hover { - .directorist-badge-tooltip { - opacity: 1; - visibility: visible; - } - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_button.scss b/assets/src/scss/component/_button.scss deleted file mode 100644 index b2da1e07b6..0000000000 --- a/assets/src/scss/component/_button.scss +++ /dev/null @@ -1,308 +0,0 @@ -/* Directorist button styles */ -@mixin btnFocusBg($btnFocusBg) { - &:focus { - background: $btnFocusBg !important; - } -} - -.directorist-btn { - 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-icon-mask:after { - background-color: currentColor; - width: 16px; - height: 16px; - } - &.directorist-btn--add-listing, - &.directorist-btn--logout { - line-height: 43px; - } - &:hover, - &:focus { - color: var(--directorist-color-white); - outline: 0 !important; - background-color: rgba(var(--directorist-color-primary-rgb), 0.80); - } -} - -// Button Type -.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); - &:focus, - &:hover { - background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.80) ; - .directorist-icon-mask:after { - background-color: var(--directorist-color-btn-primary); - } - } - } - - &.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); - &:focus, - &:hover{ - background-color: transparent; - color:currentColor; - border-color: var(--directorist-color-btn-secondary-bg); - } - } - - &.directorist-btn-dark { - background-color: var(--directorist-color-dark); - border-color:var(--directorist-color-dark); - color: var(--directorist-color-white); - &:hover{ - background-color: rgba(var(--directorist-color-dark-rgb), 0.80) ; - } - } - - &.directorist-btn-success { - background-color: var(--directorist-color-success); - border-color:var(--directorist-color-success); - color: var(--directorist-color-white); - &:hover{ - background-color: rgba(var(--directorist-color-success-rgb), 0.80) ; - } - } - - &.directorist-btn-info { - background-color: var(--directorist-color-info); - border-color:var(--directorist-color-info); - color: var(--directorist-color-white); - &:hover{ - background-color: rgba(var(--directorist-color-success-rgb), 0.80) ; - } - } - - &.directorist-btn-light { - background-color: var(--directorist-color-light); - border-color:var(--directorist-color-light); - color: var(--directorist-color-primary); - &:focus, - &:hover { - background-color: var(--directorist-color-light-hover); - color:var(--directorist-color-primary); - border-color:var(--directorist-color-primary); - } - } - - &.directorist-btn-lighter { - border-color:var(--directorist-color-dark); - background-color: #f6f7f9; - color: var(--directorist-color-primary); - } - - &.directorist-btn-warning { - border-color:var(--directorist-color-warning); - background-color: var(--directorist-color-warning); - color: var(--directorist-color-white); - &:hover{ - background-color: rgba(var(--directorist-color-warning-rgb), 0.80) ; - } - } - - &.directorist-btn-danger { - border-color:var(--directorist-color-danger); - background-color: var(--directorist-color-danger); - color: var(--directorist-color-white); - &:hover{ - background-color: rgba(var(--directorist-color-danger-rgb), 0.80); - } - } - - &.directorist-btn-bg-normal { - background: $bg-normal; - } - - &.directorist-btn-loading { - position: relative; - font-size: 0; - pointer-events: none; - &:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; - } - &:after { - 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-disabled { - pointer-events: none; - opacity: 0.75; - } -} - -// Button Outline -.directorist-btn { - &.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; - color: var(--directorist-color-dark); - } - - &.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; - color: var(--directorist-color-primary); - &:focus,&:hover{ - color:var(--directorist-color-white); - background-color: var(--directorist-color-normal); - } - } - - &.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; - color: var(--directorist-color-primary); - } - - &.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); - &:focus,&:hover{ - color:var(--directorist-color-white); - background-color: var(--directorist-color-primary); - } - } - - &.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; - color: var(--directorist-color-secondary); - &:focus,&:hover{ - color:var(--directorist-color-white); - background-color: var(--directorist-color-secondary); - } - } - - &.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; - color: var(--directorist-color-success); - &:focus,&:hover{ - color:var(--directorist-color-white); - background-color: var(--directorist-color-success); - } - } - - &.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; - color: var(--directorist-color-info); - &:focus,&:hover{ - color:var(--directorist-color-white); - background-color: var(--directorist-color-info); - } - } - - &.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; - color: var(--directorist-color-warning); - &:focus,&:hover{ - color:var(--directorist-color-white); - background-color: var(--directorist-color-warning); - } - } - - &.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; - color: var(--directorist-color-danger); - &:focus,&:hover{ - color:var(--directorist-color-white); - background-color: var(--directorist-color-danger); - } - } - - &.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); - &:focus,&:hover{ - color:var(--directorist-color-white); - background-color: var(--directorist-color-dark); - } - } -} - -// Button Size -.directorist-btn { - &.directorist-btn-lg { - min-height: 50px; - } - - &.directorist-btn-md { - min-height: 46px; - } - - &.directorist-btn-sm { - min-height: 40px; - } - - &.directorist-btn-xs { - min-height: 36px; - } - - &.directorist-btn-px-15 { - padding: 0 15px; - } - - &.directorist-btn-block { - display: flex; - } -} - -// Keyframes -@keyframes spin-centered { - from { - transform: translateX(-50%) rotate(0deg); - } - - to { - transform: translateX(-50%) rotate(360deg); - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_card.scss b/assets/src/scss/component/_card.scss deleted file mode 100644 index 11d818e4f1..0000000000 --- a/assets/src/scss/component/_card.scss +++ /dev/null @@ -1,51 +0,0 @@ -// Directorist Card Style -.directorist-content-active { - .directorist-card { - 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); - @include e('header'){ - padding: 20px 25px; - border-bottom: 1px solid var(--directorist-color-border); - border-radius: 16px 16px 0 0; - @media screen and (max-width: 575px){ - padding: 15px 20px; - } - @include e('title'){ - 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; - } - } - @include e('body'){ - padding: 25px; - border-radius: 0 0 16px 16px; - @media screen and (max-width: 575px){ - padding: 20px; - } - .directorist-review-single, - .directorist-widget-tags ul { - padding: 0; - } - p{ - font-size: 15px; - margin-top: 0; - &:last-child{ - margin-bottom: 0; - } - } - p:empty{ - display: none; - } - } - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_category-location.scss b/assets/src/scss/component/_category-location.scss deleted file mode 100644 index a4ca921a45..0000000000 --- a/assets/src/scss/component/_category-location.scss +++ /dev/null @@ -1,635 +0,0 @@ -/* New Styles */ -.directorist-categories { - margin-top: 15px; - @include e("single") { - 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); - @include m("image") { - background-position: center; - background-repeat: no-repeat; - background-size: cover; - object-fit: cover; - position: relative; - &::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; - } - .directorist-categories__single__name, - .directorist-categories__single__total { - color: var(--directorist-color-white); - } - } - @include e("content") { - position: relative; - z-index: 1; - text-align: center; - flex: 1; - text-align: center; - padding: 50px 30px; - .directorist-icon-mask { - display: inline-block; - } - } - @include e("name") { - text-decoration: none; - font-weight: 500; - font-size: 16px; - color: var(--directorist-color-dark); - &::before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - } - } - - /* Styles */ - @include m("style-one") { - .directorist-categories__single__content .directorist-icon-mask::after { - width: 50px; - height: 50px; - - @media screen and (max-width: 991px) { - width: 40px; - height: 40px; - } - } - &.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); - } - &:not(.directorist-categories__single--image) { - .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; - &::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); - } - } - .directorist-categories__single__total { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); - } - } - } - @include m("style-two") { - .directorist-icon-mask { - border: 4px solid var(--directorist-color-primary); - border-radius: 50%; - padding: 16px; - &::after { - width: 40px; - height: 40px; - } - } - &.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); - &::after { - background-color: var(--directorist-color-white); - } - } - } - @include m("style-three") { - height: var(--directorist-category-box-width); - border-radius: 50%; - .directorist-icon-mask::after { - width: 40px; - height: 40px; - } - .directorist-category-term { - display: none; - } - .directorist-category-count { - 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--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); - } - .directorist-category-count { - border-color: var(--directorist-color-white); - } - } - @include m("style-four") { - .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; - &::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); - } - } - &.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); - &:after { - background-color: var(--directorist-color-white); - } - } - &:not(.directorist-categories__single--image) - .directorist-categories__single__total { - color: var(--directorist-color-deep-gray); - } - } - } - - .directorist-row > * { - margin-top: 30px; - } - - .directorist-col-3 { - @media screen and (max-width: 991px) { - width: 25%; - } - @media screen and (max-width: 767px) { - width: 50%; - } - @media screen and (max-width: 575px) { - width: 100%; - } - } - - .directorist-col-4 { - @media screen and (max-width: 991px) { - width: 33.33%; - } - @media screen and (max-width: 767px) { - width: 50%; - } - @media screen and (max-width: 575px) { - width: 100%; - } - } - - .directorist-type-nav{ - margin-bottom: 15px; - } -} - -/* Taxonomy List Style One */ -.directorist-taxonomy-list-one .directorist-taxonomy-list { - @include e("card") { - 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; - span { - font-weight: var(--directorist-fw-medium); - } - @include m("icon") { - flex-wrap: wrap; - padding-inline-start: 12px; - } - } - @include e("toggle") { - @include m("open") { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - padding-bottom: 5px; - .directorist-taxonomy-list__toggler { - .directorist-icon-mask { - &::after { - transform: rotate(180deg); - } - } - } - } - } - @include e("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; - &::after { - width: 15px; - height: 15px; - } - } - } - @include e("name") { - color: var(--directorist-color-dark); - } - @include e("count") { - color: var(--directorist-color-dark); - } - @include e("toggler") { - margin-inline-start: auto; - .directorist-icon-mask { - &::after { - width: 10px; - height: 10px; - transition: 0.3s ease; - } - } - } - - /* Sub Item */ - @include e("sub-item") { - margin: 0; - list-style: none; - overflow-y: auto; - a { - flex-wrap: wrap; - display: flex; - font-size: 15px; - text-decoration: none; - color: var(--directorist-color-dark); - } - ul { - padding-inline-start: 10px; - } - } - @include e("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; - li { - margin: 0; - > .directorist-taxonomy-list__sub-item { - padding-inline-start: 15px; - } - } - } - @include m("icon") { - + .directorist-taxonomy-list__sub-item { - padding-inline-start: 64px; - li > .directorist-taxonomy-list__sub-item { - padding-inline-start: 15px; - } - } - } - } - @include e("toggle") { - @include m("open") { - + .directorist-taxonomy-list__sub-item { - border-radius: 0 0 16px 16px; - height: auto; - visibility: visible; - opacity: 1; - margin-top: 0; - } - } - } - - /* Sub Item Toggle */ - @include e("sub-item-toggle") { - display: flex; - align-items: center; - + .directorist-taxonomy-list__sub-item { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - overflow: hidden; - transition: 0.3s ease; - } - &.directorist-taxonomy-list__toggle--open { - + .directorist-taxonomy-list__sub-item { - opacity: 1; - height: auto; - visibility: visible; - } - } - &.directorist-taxonomy-list__toggle--open { - .directorist-taxonomy-list__sub-item-toggler { - &::after { - content: none; - } - } - } - } - @include e("sub-item-toggler") { - margin-inline-start: auto; - position: relative; - width: 10px; - height: 10px; - display: inline-block; - &::before { - position: absolute; - content: ""; - left: 0; - top: 50%; - width: 10px; - height: 1px; - background-color: var(--directorist-color-deep-gray); - transform: translateY(-50%); - } - &::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 { - 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); - @include e("card") { - display: flex; - padding: 10px 20px; - align-items: center; - gap: 12px; - text-decoration: none; - min-height: 40px; - transition: 0.6s ease; - &:focus { - background: none; - } - } - @include e("name") { - font-weight: var(--directorist-fw-medium); - color: var(--directorist-color-dark); - } - @include e("count") { - color: var(--directorist-color-dark); - } - @include e("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; - &::after { - background-color: var(--directorist-color-white); - } - } - } - @include e("toggle") { - border-bottom: 1px solid var(--directorist-color-border); - } - @include e("toggler") { - display: none; - } - @include e("sub-item") { - margin: 0; - padding: 15px 20px 25px; - list-style: none; - li { - margin-bottom: 7px; - } - a { - text-decoration: none; - color: var(--directorist-color-dark); - } - ul { - margin: 0; - padding: 0; - list-style: none; - li { - padding-inline-start: 10px; - } - } - } -} - -/* Location: Grid One */ -.directorist-location { - margin-top: 30px; - @include m("grid-one") { - .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; - @include m("img") { - height: 300px; - &::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__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; - a { - color: var(--directorist-color-white); - } - } - .directorist-location__count { - color: var(--directorist-color-white); - } - } - @include e("img") { - height: inherit; - border-radius: inherit; - } - img { - width: 100%; - height: inherit; - border-radius: inherit; - object-fit: cover; - } - &: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__content { - h3, - a, - span { - text-align: center; - } - } - } - } - .directorist-location__content { - padding: 22px; - h3 { - margin: 0; - font-size: 16px; - font-weight: 500; - } - a { - color: var(--directorist-color-dark); - text-decoration: none; - &::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; - } - } - } - .directorist-location__count { - display: block; - font-size: 14px; - font-weight: 400; - } - } - - @include m("grid-two") { - .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; - @include m("img") { - height: auto; - .directorist-location__content { - padding: 10px 0 0 0; - } - } - img { - width: 100%; - height: 100%; - object-fit: cover; - border-radius: var(--directorist-border-radius-lg); - } - @include e("img") { - position: relative; - height: 240px; - &::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); - } - } - &: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__content { - h3, - a, - span { - text-align: center; - } - } - } - } - .directorist-location__content { - padding: 22px; - h3 { - margin: 0; - font-size: 20px; - font-weight: var(--directorist-fw-medium); - } - a { - text-decoration: none; - &::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; - } - } - } - .directorist-location__count { - display: block; - } - } - - .directorist-row > * { - margin-top: 30px; - } - .directorist-col-3 { - @media screen and (max-width: 991px) { - width: 25%; - } - @media screen and (max-width: 767px) { - width: 50%; - } - @media screen and (max-width: 575px) { - width: 100%; - } - } - .directorist-col-4 { - @media screen and (max-width: 991px) { - width: 33.33%; - } - @media screen and (max-width: 767px) { - width: 50%; - } - @media screen and (max-width: 575px) { - width: 100%; - } - } - .directorist-type-nav{ - margin-bottom: 15px; - } -} diff --git a/assets/src/scss/component/_checkbox-radio.scss b/assets/src/scss/component/_checkbox-radio.scss deleted file mode 100644 index c9f5154566..0000000000 --- a/assets/src/scss/component/_checkbox-radio.scss +++ /dev/null @@ -1,351 +0,0 @@ -// Directorist Checkbox & Radio Components - -.directorist-checkbox, -.directorist-radio{ - display: flex; - align-items: center; - - input[type="checkbox"], - input[type="radio"]{ - display: none !important; - - & +.directorist-checkbox__label, - & +.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; - - &: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) { - line-height: 1.2; - padding-left: 25px; - &:after { - top: 1px; - width: 16px; - height: 16px; - } - .directorist-icon-mask:after { - width: 12px; - height: 12px; - } - } - } - - &:checked { - & +.directorist-checkbox__label, - & +.directorist-radio__label{ - &:after{ - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); - } - - &:before{ - opacity: 1; - visibility: visible; - } - } - } - } -} - -// Directorist Checkbox Inner Element -.directorist-checkbox{ - input[type="checkbox"]{ - & +.directorist-checkbox__label{ - &:before{ - position: absolute; - left: 5px; - top: 5px; - content: ""; - mask-image: url("../../../icons/font-awesome/svgs/solid/check.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) { - top: 4px; - left: 3px - } - } - } - } -} - -// Directorist Radio Inner Element -.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) { - left: 3px; - top: 4px; - } - } - } - &:checked{ - & +.directorist-radio__label{ - &:after{ - background-color: var(--directorist-color-primary); - } - } - } - } - &.directorist-radio-circle { - input[type="radio"] + .directorist-radio__label { - &:before { - mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - } - } - } -} - - -// Directorist Checkbox & Radio Circle -.directorist-checkbox.directorist-checkbox-circle, -.directorist-radio.directorist-radio-circle{ - input[type="checkbox"], - input[type="radio"]{ - & +.directorist-checkbox__label, - & +.directorist-radio__label{ - &:after{ - border-radius: 50%; - } - } - } -} - -// Directorist Checkbox & Radio Type -.directorist-checkbox{ - &.directorist-checkbox-primary{ - input[type="checkbox"], - input[type="radio"] { - &:checked{ - & +.directorist-checkbox__label, - & +.directorist-radio__label{ - &:after{ - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); - } - } - } - } - } - &.directorist-checkbox-secondary{ - input[type="checkbox"], - input[type="radio"] { - &:checked{ - & +.directorist-checkbox__label, - & +.directorist-radio__label{ - &:after{ - background-color: var(--directorist-color-secondary); - border-color: var(--directorist-color-secondary); - } - } - } - } - } - &.directorist-checkbox-success{ - input[type="checkbox"], - input[type="radio"] { - &:checked{ - & +.directorist-checkbox__label, - & +.directorist-radio__label{ - &:after{ - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); - } - } - } - } - } - &.directorist-checkbox-blue{ - input[type="checkbox"], - input[type="radio"] { - &:checked{ - & +.directorist-checkbox__label, - & +.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; - } - &:before{ - background-color: var(--directorist-color-primary) !important; - } - } - } - } - } - &.directorist-radio-secondary{ - input[type="radio"]{ - &:checked{ - & +.directorist-radio__label{ - &:after{ - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-secondary) !important; - } - &:before{ - background-color: var(--directorist-color-secondary) !important; - } - } - } - } - } - &.directorist-radio-blue{ - input[type="radio"]{ - &:checked{ - & +.directorist-radio__label{ - &:after{ - background-color: var(--directorist-color-white); - border-color: #3e62f5 !important; - } - &:before{ - background-color: #3e62f5 !important; - } - } - } - } - } -} - -// Rating -.directorist-checkbox-rating { - gap: 20px; - width: 100%; - padding: 10px 0; - flex-wrap: wrap; - flex-direction: column; - align-items: flex-start; - input[type=checkbox] + .directorist-checkbox__label { - display: flex; - flex-direction: row; - } - .directorist-icon-mask:after { - width: 14px; - height: 14px; - margin-top: 1px; - } -} - -// Directorist Theme Admin -.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; - } - &:after{ - width: 20px; - height: 20px; - border-color: #C6D0DC; - box-sizing: border-box; - } - } - &:checked{ - & +.directorist-radio__label{ - &:after{ - background-color: #3e62f5; - border-color: #3e62f5; - } - } - } - } - .directorist-radio__label{ - padding-left: 35px !important; - } -} - -// Directorist Theme Admin -.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: ''; - } - &:after{ - width: 20px; - height: 20px; - border-color: #C6D0DC; - box-sizing: border-box; - } - } - &:checked{ - & +.directorist-checkbox__label{ - &:after{ - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); - } - } - } - } - .directorist-checkbox__label{ - padding-left: 35px !important; - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_color-picker.scss b/assets/src/scss/component/_color-picker.scss deleted file mode 100644 index 44319d0dea..0000000000 --- a/assets/src/scss/component/_color-picker.scss +++ /dev/null @@ -1,24 +0,0 @@ -// Color Picker Styles -.directorist-color-picker-wrap{ - .wp-color-result{ - text-decoration: none; - margin: 0 6px 0 0 !important; - &:hover{ - background-color: $bg-normal; - } - } - .wp-picker-input-wrap{ - label{ - input{ - width: auto !important; - } - } - } - .wp-picker-clear{ - padding: 0 15px; - margin-top: 3px; - font-size: 14px; - font-weight: 500; - line-height: 2.4; - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_directorist-plupload.scss b/assets/src/scss/component/_directorist-plupload.scss deleted file mode 100644 index c20b0a00ff..0000000000 --- a/assets/src/scss/component/_directorist-plupload.scss +++ /dev/null @@ -1,246 +0,0 @@ -.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; -} - -#upload-msg { - display: block; - clear: both -} - -#content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden -} - -#content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px -} - -#content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden -} - -#content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px -} - -#sidebar .recent_comments li img.thumb { - width: 40px -} - -.post_img_tiny img { - width: 35px -} - -.single_post_blog img.alignleft { - width: 96%; - height: auto -} - -.ecu_images { - width: 100% -} - -.filelist { - width: 100% -} - -.filelist .file { - 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; -} - -#custom-filedropbox, -.directorist-custom-field-file-upload__wrapper > div { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: flex-start; - gap: 20px; -} - -.plupload-upload-uic{ - 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); - > input { - display: none; - } - .plupload-browse-button-label { - cursor: pointer; - i::after { - width: 50px; - height: 45px; - background-color: var(--directorist-color-border-gray); - } - } - .plupload-browse-img-size { - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); - } - @media (max-width: 575px) { - width: 100%; - height: 200px; - } -} - -.plupload-thumbs { - clear: both; - overflow: hidden; -} - -.plupload-thumbs { - .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 12px; - img { - width: 100%; - height: 100%; - object-fit: cover; - border-radius: 12px; - } - &:hover { - .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; - } - } - @media (max-width: 575px) { - width: 100%; - height: 200px; - } - } - .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; - .thumbremovelink { - 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: .3s ease; - .directorist-icon-mask:after{ - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); - } - &:hover { - opacity: 0.8; - } - - i { - font-size: 14px; - } - } - &:before { - 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), .5); - } - } -} - -.plupload-thumbs .thumb.atbdp_file { - 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 -} - -.plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1 -} - -.plupload-thumbs .thumb .thumbi { - position: absolute; - right: -10px; - top: -8px; - height: 18px; - width: 18px -} - -.plupload-thumbs .thumb .thumbi a { - 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, .5); - z-index: 2; - overflow: hidden; - height: 10px -} - -.plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px -} \ No newline at end of file diff --git a/assets/src/scss/component/_drag_drop.scss b/assets/src/scss/component/_drag_drop.scss deleted file mode 100644 index cc1a595140..0000000000 --- a/assets/src/scss/component/_drag_drop.scss +++ /dev/null @@ -1,11 +0,0 @@ -/* For sortable field */ -.ui-sortable tr:hover { - cursor: move; -} -.ui-sortable tr.alternate { - background-color: #F9F9F9; -} -.ui-sortable tr.ui-sortable-helper { - background-color: #F9F9F9; - border-top: 1px solid #DFDFDF; -} \ No newline at end of file diff --git a/assets/src/scss/component/_dropdown.scss b/assets/src/scss/component/_dropdown.scss deleted file mode 100644 index e5c9d98e4d..0000000000 --- a/assets/src/scss/component/_dropdown.scss +++ /dev/null @@ -1,137 +0,0 @@ -// Directorist Dropdown Style -.directorist-dropdown { - position: relative; - @include e('toggle') { - 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; - &:focus, - &:hover { - background-color: var(--directorist-color-light) !important; - border-color:var(--directorist-color-light) !important; - outline: 0 !important; - color: var(--directorist); - } - - &.directorist-toggle-has-icon { - &:after { - content: ''; - mask-image: url("../../../icons/line-awesome/svgs/angle-down-solid.svg"); - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: currentColor; - } - } - } - - @include e('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); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 99999; - - 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); - transition: all ease 0.3s; - &.active, - &: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) { - padding: 5px 10px; - } - } - - @include m(right) { - left: auto; - right: 0; - } - - @media (max-width: 1440px) { - left: unset; - right: 0; - } - } - - &.directorist-sortby-dropdown { - border-radius: 8px; - border: 2px solid var(--directorist-color-white); - } -} - -/* custom dropdown with select */ -.directorist-dropdown-select { - position: relative; -} - -.directorist-dropdown-select-toggle { - display: inline-block; - border: 1px solid #eee; - padding: 7px 15px; - position: relative; - - &:before { - 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; - 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; -} - -.directorist-dropdown-select-item { - display: block; -} \ No newline at end of file diff --git a/assets/src/scss/component/_form.scss b/assets/src/scss/component/_form.scss deleted file mode 100644 index 794797f070..0000000000 --- a/assets/src/scss/component/_form.scss +++ /dev/null @@ -1,219 +0,0 @@ -// Form Element Group -.directorist-form-group { - position: relative; - width: 100%; - textarea, - textarea.directorist-form-element { - min-height: unset; - height: auto !important; - max-width: 100%; - width: 100%; - } - - @include e("with-prefix") { - display: flex; - align-items: center; - border-bottom: 1px solid #d9d9d9; - width: 100%; - gap: 10px; - &:focus-within { - border-bottom: 2px solid var(--directorist-color-dark); - } - .directorist-form-element { - flex: 1; - margin: 0 !important; - border: none !important; - } - .directorist-single-info__value { - font-size: 14px; - font-weight: 500; - margin: 0 !important; - } - } - @include e("prefix") { - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - color: #828282; - @include m("start") { - order: -1; - } - @include m("end") { - 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; - } - } - } - } -} - -// Form Element -.directorist-form-group { - label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - } - .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; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); - &:focus { - outline: none; - box-shadow: 0 0; - border: none; - border-bottom: 2px solid var(--directorist-color-primary); - } - } - .directorist-form-description { - font-size: 14px; - margin-top: 10px; - color: var(--directorist-color-deep-gray); - } -} - -// Form Element Size -.directorist-form-element { - &.directorist-form-element-lg { - height: 50px; - @include e("prefix") { - height: 50px; - line-height: 50px; - } - } - - &.directorist-form-element-sm { - height: 30px; - @include e("prefix") { - height: 30px; - line-height: 30px; - } - } -} - -// Directorist Input With Icon -.directorist-form-group { - &.directorist-icon-left { - .directorist-input-icon { - left: 0; - } - .location-name { - padding-left: 25px; - box-sizing: border-box; - } - } - - &.directorist-icon-right { - .directorist-input-icon { - right: 0; - } - .location-name { - padding-right: 25px; - box-sizing: border-box; - } - } - - .directorist-input-icon { - position: absolute; - top: 50%; - transform: translateY(-50%); - line-height: 1.45; - z-index: 99; - transition: margin 0.3s ease; - i, - span, - svg { - font-size: 14px; - } - .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); - } - - @media screen and (max-width: 575px) { - margin-top: 0; - } - } -} - -.directorist-label { - margin-bottom: 0; -} - -input.directorist-toggle-input { - display: none; -} - -.directorist-toggle-input-label { - display: flex; - align-items: center; - justify-content: space-between; -} - -span.directorist-toggle-input-label-text { - 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; - 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%; - 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: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); -} diff --git a/assets/src/scss/component/_general.scss b/assets/src/scss/component/_general.scss deleted file mode 100644 index 489e44f971..0000000000 --- a/assets/src/scss/component/_general.scss +++ /dev/null @@ -1,305 +0,0 @@ -/* 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; - transition: 0.3s ease; - border-radius: 8px; - cursor: pointer; - &:hover { - color: var(--directorist-color-white); - background: rgba(var(--directorist-color-dark-rgb), 0.7); - } - - .wp-color-result-text { - 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); - } - } - - .wp-picker-input-wrap { - label { - width: 90px; - - input { - height: 40px; - padding: 0; - text-align: center; - border: none; - } - } - } - - .hidden { - display: none; - } - .wp-picker-open + .wp-picker-input-wrap { - display: flex; - align-items: center; - margin: 10px 0; - } - .wp-picker-container .wp-picker-input-wrap { - padding: 15px 0; - display: flex; - align-items: center; - &.hidden { - display: none; - } - - .screen-reader-text { - display: none; - } - - label { - width: 90px; - margin: 0; - - & + .button { - margin-left: 10px; - padding-top: 0; - padding-bottom: 0; - font-size: 15px; - } - } - } -} - -.directorist-show { - display: block !important; -} - -.directorist-hide { - display: none !important; -} - -.directorist-d-none { - display: none !important; -} - -.directorist-text-center { - text-align: center; -} - -.entry-content { - ul { - margin: 0; - padding: 0; - } - a { - text-decoration: none; - } - .directorist-search-modal__contents__title { - margin: 0; - padding: 0; - color: var(--directorist-color-dark); - } -} - -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; -} - -.directorist-announcement-wrapper { - .directorist_not-found { - p { - margin-bottom: 0; - } - } -} - -// Select2 CSS -.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; - } - - &.select2-container--default .select2-selection { - 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); - &:focus { - border-color: var(--directorist-color-primary); - outline: none; - } - - @include e("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); - @include e("remove") { - position: relative; - width: 12px; - margin: 0; - font-size: 0; - color: var(--directorist-color-white); - &:before { - content: ""; - mask-image: url("../../../icons/line-awesome/svgs/times-solid.svg"); - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); - position: absolute; - top: 50%; - transform: translateY(-50%); - } - } - } - - @include e("rendered") { - display: flex; - gap: 5px; - height: auto; - line-height: 30px; - font-size: 14px; - overflow-y: auto; - align-items: center; - -ms-overflow-style: none; /* Internet Explorer 10+ */ - scrollbar-width: none; /* Firefox */ - &::-webkit-scrollbar { - display: none; - } - .select2-selection__clear { - padding-right: 25px; - } - } - - @include e("arrow") { - b { - display: none; - } - } - } - - &.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; - @media only screen and (max-width: 575px) { - 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-select2-dropdown-toggle { - position: absolute; - right: 0; - padding: 0; - width: auto; - pointer-events: none; - } - .directorist-select2-dropdown-close { - position: absolute; - right: 15px; - padding: 0; - display: none; - } -} - -/* Login/Signup Form CSS */ -#recover-pass-modal { - display: none; -} -.directorist-login-wrapper #recover-pass-modal .directorist-btn { - margin-top: 15px; - &:hover { - text-decoration: none; - } -} - -// Modal Overlay -body.modal-overlay-enabled { - position: relative; - &: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; - } -} diff --git a/assets/src/scss/component/_layout.scss b/assets/src/scss/component/_layout.scss deleted file mode 100644 index 3d944c0d9c..0000000000 --- a/assets/src/scss/component/_layout.scss +++ /dev/null @@ -1,11 +0,0 @@ -.directorist-flex-content { - display: flex; -} - -.directorist-flex-space-between { - justify-content: space-between; -} - -.directorist-flex-grow-1 { - flex-grow: 1; -} \ No newline at end of file diff --git a/assets/src/scss/component/_listing-slider.scss b/assets/src/scss/component/_listing-slider.scss deleted file mode 100644 index 169d59f651..0000000000 --- a/assets/src/scss/component/_listing-slider.scss +++ /dev/null @@ -1,245 +0,0 @@ -// Swiper Slider -.directorist-swiper { - height: 100%; - overflow: hidden; - position: relative; - - .swiper-slide { - display: flex; - > div, - > a { - width: 100%; - } - } - @include e(nav) { - position: absolute; - top: 50%; - transform: translateY(-50%); - z-index: 1; - opacity: 0; - cursor: pointer; - transition: all 0.3s ease; - i { - 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-icon-mask:after { - width: 10px; - height: 10px; - background-color: var(--directorist-color-body); - } - &:hover { - i { - background-color: var(--directorist-color-white); - } - } - @include m(prev) { - left: 10px; - } - @include m(next) { - right: 10px; - } - @include m("prev-related i") { - left: 0; - background-color: #f4f4f4; - &:hover { - background-color: var(--directorist-color-gray); - } - } - @include m("next-related i") { - right: 0; - background-color: #f4f4f4; - &:hover { - background-color: var(--directorist-color-gray); - } - } - } - @include e(pagination) { - position: absolute; - text-align: center; - z-index: 1; - display: flex; - gap: 5px; - align-items: center; - justify-content: center; - .swiper-pagination-bullet { - margin: 0 !important; - width: 5px; - height: 5px; - opacity: 0.6; - background-color: var(--directorist-color-white); - &.swiper-pagination-bullet-active { - opacity: 1; - transform: scale(1.4); - } - } - @include m("related") { - display: none; - } - } - &: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; - @media screen and (max-width: 991px) { - max-height: 450px !important; - } - @media screen and (max-width: 575px) { - max-height: 400px !important; - } - @media screen and (max-width: 375px) { - max-height: 350px !important; - } - .directorist-swiper { - @include e(nav) { - i { - height: 40px; - width: 40px; - background-color: rgba(0, 0, 0, 0.5); - &:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); - } - } - @include m("prev-single-listing i") { - left: 20px; - } - @include m("next-single-listing i") { - right: 20px; - } - &:hover { - i { - background-color: var(--directorist-color-primary); - } - } - @media screen and (max-width: 575px) { - opacity: 1; - i { - width: 30px; - height: 30px; - } - } - } - @include e(pagination) { - display: none; - } - } - .swiper-slide { - img { - width: 100%; - height: 100%; - max-width: var(--gallery-crop-width, 740px); - object-fit: cover; - border-radius: 12px; - } - } - - &.slider-has-one-item { - .directorist-swiper__navigation, - .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; - .swiper-wrapper { - gap: 10px; - height: auto; - } - .directorist-swiper { - @include e(navigation) { - display: none; - } - @include e(pagination) { - display: none; - } - } - .swiper-slide { - position: relative; - min-width: 100px; - max-width: 100px; - height: 90px; - cursor: pointer; - margin: 0 !important; - img { - width: 100%; - height: 100%; - object-fit: cover; - border-radius: 14px; - } - &: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; - transition: opacity 0.3s ease; - opacity: 0; - visibility: hidden; - } - &:hover, - &.swiper-slide-thumb-active { - &:before { - opacity: 1; - visibility: visible; - } - } - } - @media screen and (max-width: 575px) { - display: none; - } -} - -.directorist-swiper-related-listing { - &.directorist-swiper { - padding: 15px; - margin: -15px; - height: auto; - > .directorist-swiper__navigation .directorist-swiper__nav i { - height: 40px; - width: 40px; - &:after { - width: 14px; - height: 14px; - } - } - .swiper-wrapper { - height: auto; - } - } - &.slider-has-one-item, - &.slider-has-less-items { - > .directorist-swiper__navigation { - display: none; - } - } -} diff --git a/assets/src/scss/component/_location-category.scss b/assets/src/scss/component/_location-category.scss deleted file mode 100644 index 558bd24ae0..0000000000 --- a/assets/src/scss/component/_location-category.scss +++ /dev/null @@ -1,50 +0,0 @@ -/* category style three */ -.directorist-category-child__card { - border: 1px solid #eee; - border-radius: 4px; - - @include e(header) { - padding: 10px 20px; - border-bottom: 1px solid #eee; - - a { - font-size: 18px; - font-weight: 600; - color: #222 !important; - } - - i { - 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; - } - } - - @include e(body) { - padding: 15px 20px; - - li { - &:not(:last-child) { - margin-bottom: 5px; - } - - a { - display: flex; - align-items: center; - justify-content: space-between; - color: #444752; - - span { - color: var(--directorist-color-body); - } - } - } - } -} diff --git a/assets/src/scss/component/_modal.scss b/assets/src/scss/component/_modal.scss deleted file mode 100644 index ecebc45e8a..0000000000 --- a/assets/src/scss/component/_modal.scss +++ /dev/null @@ -1,960 +0,0 @@ -@import "../base/variables"; -/* 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; -} - -.directorist-modal__dialog { - 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; -} - -.directorist-modal__content { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 12px; - position: relative; - .directorist-modal { - @include e(header) { - position: relative; - padding: 15px; - border-bottom: 1px solid var(--directorist-color-border-gray); - @include e(title) { - font-size: 20px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); - } - .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); - &: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); - } - } - } - @include e(body) { - padding: 25px 40px; - } - @include e(footer) { - border-top: 1px solid var(--directorist-color-border-gray); - padding: 18px; - .directorist-modal__action { - display: flex; - justify-content: flex-end; - margin: -7.5px; - button { - margin: 7.5px; - } - } - } - .directorist-form-group { - label { - font-size: 16px; - } - .directorist-form-element { - resize: none; - } - } - } -} -.directorist-modal__dialog.directorist-modal--lg { - width: 800px; -} - -.directorist-modal__dialog.directorist-modal--xl { - width: 1140px; -} - -.directorist-modal__dialog.directorist-modal--sm { - width: 300px; -} - -.directorist-modal.directorist-fade { - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; -} - -.directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; -} - -.directorist-modal.directorist-show .directorist-modal__dialog { - opacity: 1; - visibility: visible; - transition: 0.3s ease; -} - -// Search Modal CSS -.directorist-search-modal { - @include e(overlay) { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; - &:before { - 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; - } - } - @include e(contents) { - 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) { - width: 100%; - margin-bottom: 0; - border-radius: 16px 16px 0 0; - } - @include e(header) { - 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) { - padding-left: 30px; - padding-right: 20px; - } - } - @include e(body) { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; - @media only screen and (max-width: 575px) { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } - - .directorist-search-field { - @include e(label) { - 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-form-group__with-prefix .directorist-form-element, - ~ .directorist-search-field__input { - &::placeholder { - opacity: 0; - transition: opacity 0.3s ease; - } - } - } - .directorist-form-group__prefix--start { - opacity: 0; - transition: opacity 0.3s ease; - } - .directorist-search-field__input { - &.directorist-form-element { - padding-right: 20px; - &[type="date"], - &[type="time"], - &[type="number"] { - padding-right: 0; - } - } - } - @include e(btn) { - position: absolute; - bottom: 12px; - cursor: pointer; - @include m(clear) { - opacity: 0; - visibility: hidden; - right: 0; - i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - transition: background-color 0.3s ease; - } - &:hover { - i::after { - background-color: var(--directorist-color-primary); - } - } - } - } - - &.input-is-focused { - .directorist-search-field__input { - &[type="number"] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; - } - &[type="date"] { - padding-right: 20px; - } - &[type="time"] { - padding-right: 20px; - } - - &::placeholder { - opacity: 1; - } - } - .directorist-form-group__prefix--start { - opacity: 1; - } - .directorist-search-field__label { - top: 0; - font-size: 13px; - } - .directorist-search-field__btn { - opacity: 1; - visibility: visible; - } - - .directorist-select, - .directorist-search-field__input { - position: relative; - bottom: -5px; - } - .directorist-select { - .directorist-search-field__label { - opacity: 1; - } - } - .directorist-location-js { - padding-right: 45px; - } - - .directorist-search-form.select2-selection__rendered, - .select2-selection--single - .select2-selection__rendered - .select2-selection__placeholder { - color: var(--directorist-color-dark); - } - .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); - } - - &.atbdp-form-fade:after, - .directorist-filter-location-icon { - margin-top: 0; - } - } - - .directorist-select { - .directorist-search-field__label { - opacity: 0; - } - } - .directorist-filter-location-icon { - ~ .directorist-search-field__btn--clear { - right: 25px; - bottom: 12px; - } - .directorist-icon-mask:after { - background-color: #808080; - } - } - .select2-container { - .directorist-select2-addons-area { - .directorist-icon-mask { - display: flex; - flex: 1; - justify-content: flex-end; - &:after { - width: 12px; - height: 12px; - background-color: #808080; - } - } - } - } - } - - .directorist-search-form-dropdown { - border-bottom: 1px solid var(--directorist-color-border); - } - } - @include e(footer) { - 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) { - border-radius: 0; - .directorist-advanced-filter__action { - padding: 15px 30px; - } - } - .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; - } - .directorist-btn-reset-js { - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; - &:disabled { - opacity: 0.5; - cursor: not-allowed; - } - } - } - @include e(title) { - font-size: 20px; - font-weight: 500; - margin: 0; - @media only screen and (max-width: 575px) { - font-size: 18px; - } - } - @include e(btn) { - 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; - i::after { - width: 10px; - height: 10px; - transition: background-color ease 0.3s; - background-color: var(--directorist-color-dark); - } - &:hover { - i::after { - background-color: var(--directorist-color-danger); - } - } - @media only screen and (max-width: 575px) { - width: auto; - height: auto; - background: transparent; - i::after { - width: 12px; - height: 12px; - } - } - } - } - .directorist-advanced-filter { - @include e(form) { - .directorist-search-modal__contents__body { - height: calc(100vh - 350px); - @media only screen and (max-width: 575px) { - height: calc(100vh - 200px); - } - } - } - } - - @include e(minimizer) { - 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) { - opacity: 1; - visibility: visible; - } - } - - @include m(basic) { - .directorist-search-modal__contents__body { - margin: 0; - padding: 30px; - height: calc(100vh - 260px); - @media only screen and (max-width: 575px) { - height: calc(100vh - 110px); - } - } - .directorist-search-modal__contents { - @media only screen and (max-width: 575px) { - margin: 0; - border-radius: 16px 16px 0 0; - } - } - .directorist-search-query { - position: relative; - &:after { - 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("../../../icons/font-awesome/svgs/solid/search.svg"); - } - } - .directorist-search-form-action__modal__btn-search { - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - i::after { - background-color: currentColor; - } - } - @media screen and (max-width: 575px) { - .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - .directorist-search-field { - width: 100%; - margin: 0 20px; - .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("../../../icons/font-awesome/svgs/solid/long-arrow-alt-left.svg"); - opacity: 0; - } - .directorist-search-field__input::placeholder { - opacity: 0; - transition: opacity 0.3s ease; - } - .directorist-search-field__btn { - bottom: unset; - right: 0; - top: 50%; - transform: translateY(-50%); - transition: all 0.3s ease; - } - .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-select, - .directorist-search-field__input { - width: 100%; - padding-right: 0; - } - - .directorist-custom-range-slider__value { - border-bottom: none; - &:focus-within { - outline: none; - border-bottom: 2px solid var(--directorist-color-primary); - } - } - - &.directorist-search-field-radius_search { - width: auto; - padding-right: 0; - .directorist-custom-range-slider__range__wrap { - right: 0; - } - } - - &.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - transform: translateY(-50%); - left: -25px; - &:before { - opacity: 1; - } - } - .directorist-search-field__input { - bottom: 0; - &::placeholder { - opacity: 1; - } - } - .directorist-search-field__btn { - right: -20px; - } - - .directorist-select, - .directorist-filter-location-icon { - ~ .directorist-search-field__btn--clear { - right: 5px; - } - } - - .directorist-select, - .directorist-search-field__input { - padding-right: 0; - } - .directorist-location-js { - padding-right: 30px; - } - &.atbdp-form-fade:after, - .directorist-filter-location-icon { - margin-top: 0; - } - - &.directorist-icon-right .directorist-input-icon, - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - right: -20px; - } - } - - &.input-has-value:not(.input-is-focused) { - .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-field__input::placeholder { - opacity: 0; - transition: opacity 0.3s ease; - } - } - } - .directorist-search-form-dropdown { - margin-right: 20px !important; - border-bottom: none; - } - } - .directorist-price-ranges:after { - top: 30px; - } - } - .open_now > label { - display: none; - } - .open_now .check-btn, - .directorist-search-modal__input .directorist-price-ranges { - padding: 10px 0; - } - .directorist-search-modal__input - .directorist-price-ranges__price-frequency__btn { - display: block; - } - .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0; - padding: 10px 0; - } - - .directorist-checkbox-wrapper, - .directorist-radio-wrapper, - .directorist-search-tags { - width: 100%; - margin: 10px 0; - .directorist-checkbox, - .directorist-radio { - flex: 0 0 100%; - } - } - .directorist-search-tags ~ .directorist-btn-ml { - margin-bottom: 10px; - } - .directorist-select - .select2-container.select2-container--default - .select2-selection--single { - height: 40px; - display: flex; - } - .directorist-search-field-pricing, - .directorist-search-field__number, - .directorist-search-field-price_range, - .directorist-search-field-radius_search { - > label { - position: unset; - transform: unset; - display: block; - font-size: 14px; - font-weight: 500; - margin-bottom: 15px; - } - } - .directorist-search-field-text_range { - > label { - display: none; - } - } - } - - @include m(advanced) { - .directorist-search-modal__contents__body .directorist-search-field__btn { - bottom: 12px; - } - } - - @include m(full) { - .directorist-search-field { - transition: margin 0.3s ease; - .directorist-search-field__label { - font-size: 14px; - font-weight: 400; - } - - &.input-is-focused { - width: 100%; - display: inline-flex; - margin-top: 40px; - .directorist-search-field__label { - top: -35px; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; - z-index: 1; - } - .directorist-search-field__input { - bottom: 0; - width: 100%; - &::placeholder { - opacity: 1; - } - } - } - } - - .directorist-search-field-pricing, - .directorist-search-field-text_range, - .directorist-search-field-radius_search { - > label { - display: block; - font-size: 16px; - font-weight: 500; - margin-bottom: 18px; - } - } - } - - @include e(input) { - 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-select { - display: inline-flex; - flex-wrap: wrap; - flex: 1; - } - .select2.select2-container .select2-selection, - .directorist-form-group .directorist-form-element, - .directorist-form-group .directorist-form-element:focus { - border: 0 none; - } - @include e(btn) { - width: 0; - padding: 0 10px; - transition: all ease 0.3s; - .directorist-icon-mask::after { - width: 14px; - height: 14px; - opacity: 0; - visibility: hidden; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); - } - } - - .input-is-focused { - &.directorist-search-query::after { - display: none; - } - .directorist-search-field__input::placeholder { - opacity: 1; - } - } - } - - .directorist-checkbox-wrapper, - .directorist-radio-wrapper, - .directorist-search-tags { - padding: 0; - gap: 12px; - flex-wrap: wrap; - } - - // Basic Dropdown - .directorist-search-form-dropdown { - @media screen and (max-width: 575px) { - padding: 0 !important; - .directorist-search-field__btn { - right: 0; - } - } - &.input-has-value, - &.input-is-focused { - margin-top: 0 !important; - .directorist-search-field__input { - bottom: 0 !important; - padding-right: 25px; - .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; - .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-left: 5px; - } - } - } - .directorist-search-field__btn { - opacity: 1; - visibility: visible; - } - - @media screen and (max-width: 575px) { - .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-field__btn { - right: 25px !important; - } - } - } - } - .directorist-search-basic-dropdown { - position: relative; - box-sizing: border-box; - .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-basic-dropdown-selected-prefix:not(:empty) { - margin-inline-end: 5px; - } - .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; - } - i { - display: flex; - flex: 1; - justify-content: flex-end; - &:after { - width: 12px; - height: 12px; - background-color: #808080; - } - } - &:before { - @media screen and (max-width: 575px) { - left: -20px !important; - } - } - } - .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; - &.dropdown-content-show { - display: block; - } - .directorist-search-tags { - gap: 12px; - flex-direction: column; - } - .directorist-checkbox__label { - width: 100%; - } - .directorist-radio-wrapper, - .directorist-checkbox-wrapper { - flex-direction: column; - } - } - } - - //Select 2 - .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; - } - .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); - } -} - -/* 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); - } -} - -/* 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); - } -} - -/* 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); - } -} - -input:-webkit-autofill, -input:-webkit-autofill:hover, -input:-webkit-autofill:focus, -input:-webkit-autofill:active { - transition: background-color 5000s ease-in-out 0s !important; -} diff --git a/assets/src/scss/component/_pagination.scss b/assets/src/scss/component/_pagination.scss deleted file mode 100644 index 058299693e..0000000000 --- a/assets/src/scss/component/_pagination.scss +++ /dev/null @@ -1,47 +0,0 @@ -// Directorist Pagination - -.directorist-pagination { - display: flex; - justify-content: center; - gap: 8px; - flex-wrap: wrap; - .page-numbers { - 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-icon-mask{ - &:after{ - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); - } - } - - span{ - border: 0 none; - min-width: auto; - margin: 0; - } - - &:hover, - &.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); - .directorist-icon-mask{ - &:after{ - background-color: var(--directorist-color-primary); - } - } - } - } -} diff --git a/assets/src/scss/component/_range-slider.scss b/assets/src/scss/component/_range-slider.scss deleted file mode 100644 index 7cb1c5a60f..0000000000 --- a/assets/src/scss/component/_range-slider.scss +++ /dev/null @@ -1,267 +0,0 @@ -/*** - Directorist Custom Range Slider Styling; -***/ - -.directorist-custom-range-slider-target, -.directorist-custom-range-slider-target * { - 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; -} - -/* Wrapper for all connect elements. */ -.directorist-custom-range-slider-connects { - 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); - 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-horizontal { - .directorist-custom-range-slider-origin { - height: 0; - } -} -.directorist-custom-range-slider-handle { - backface-visibility: hidden; - position: absolute; -} -.directorist-custom-range-slider-touch-area { - 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 { - transition: transform 0.3s; -} -.directorist-custom-range-slider-state-drag * { - 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-vertical { - width: 18px; - .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; -} -.directorist-custom-range-slider-connect { - background-color: var(--directorist-color-primary); -} - -/* Handles and cursors; */ -.directorist-custom-range-slider-draggable { - cursor: ew-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; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; -} -.directorist-custom-range-slider-active { - 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; -} -[disabled].directorist-custom-range-slider-target, -[disabled].directorist-custom-range-slider-handle, -[disabled] .directorist-custom-range-slider-handle { - cursor: not-allowed; -} - -/* Base; */ -.directorist-custom-range-slider-pips, -.directorist-custom-range-slider-pips * { - box-sizing: border-box; -} -.directorist-custom-range-slider-pips { - position: absolute; - color: #999; -} - -/* Values; */ -.directorist-custom-range-slider-value { - position: absolute; - white-space: nowrap; - text-align: center; -} -.directorist-custom-range-slider-value-sub { - color: #ccc; - font-size: 10px; -} - -/* Markings; */ -.directorist-custom-range-slider-marker { - position: absolute; - background-color: #ccc; -} -.directorist-custom-range-slider-marker-sub { - background-color: #aaa; -} -.directorist-custom-range-slider-marker-large { - background-color: #aaa; -} - -/* Horizontal layout; */ -.directorist-custom-range-slider-pips-horizontal { - padding: 10px 0; - height: 80px; - top: 100%; - left: 0; - width: 100%; -} -.directorist-custom-range-slider-value-horizontal { - 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; - } - &.directorist-custom-range-slider-marker-sub { - height: 10px; - } - &.directorist-custom-range-slider-marker-large { - height: 15px; - } -} - -/* Vertical layout; */ -.directorist-custom-range-slider-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - left: 100%; -} -.directorist-custom-range-slider-value-vertical { - transform: translate(0, -50%); - padding-left: 25px; -} -.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; - } - &.directorist-custom-range-slider-marker-sub { - width: 10px; - } - &.directorist-custom-range-slider-marker-large { - width: 15px; - } -} - -// Tooltip Styling -.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 { - transform: translate(-50%, 0); - left: 50%; - bottom: 120%; - } - .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-origin - > .directorist-custom-range-slider-tooltip { - transform: translate(0, -18px); - top: auto; - right: 28px; - } -} diff --git a/assets/src/scss/component/_responsive.scss b/assets/src/scss/component/_responsive.scss deleted file mode 100644 index a597e5d95a..0000000000 --- a/assets/src/scss/component/_responsive.scss +++ /dev/null @@ -1,148 +0,0 @@ -// Device Screen Breakpoint -$desktop-width-1: 1599px; -$desktop-width-2: 1399px; - -$laptop-width-1: 1199px; - -$tablet-width-1: 991px; -$tablet-width-2: 767px; - -$mobile-width-1: 575px; -$mobile-width-2: 479px; -$mobile-width-3: 375px; - -// Media Queries -// XX. Extra Large Devices (Less than 1600px) -@media only screen and (max-width: #{$desktop-width-1}) { -} - -// XX. Extra Large Devices (Less than 1400px) -@media only screen and (max-width: #{$desktop-width-2}) { -} - -// XX. Large Devices (less than 1200px) -@media only screen and (max-width: #{$laptop-width-1}) { - .directorist-search-contents .directorist-search-form-top { - justify-content: center; - - .directorist-search-form-action { - margin-top: 15px; - margin-bottom: 15px; - } - } - - .directorist-all-listing-col { - width: 50% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } -} - -// XX. Medium Devices (less than 991px) -@media only screen and (max-width: #{$tablet-width-1}) { -} - -// XX. Medium Devices (less than 768px) -@media only screen and (max-width: #{$tablet-width-2}) { - .directorist-all-listing-col { - width: 50% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } -} - -// XX. Medium Devices (less than 576px) -@media only screen and (max-width: #{$mobile-width-1}) { - .directorist-all-listing-col { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - - .directorist-all-listing-col.directorist-col-6 { - width: 100% !important; - } - - .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; - } -} - -// XX. Small Devices (less than 480px) -@media only screen and (max-width: #{$mobile-width-2}) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-left: 0; - margin-top: 30px; - } -} - -// XX. Extra Small Devices (less than 380px) -@media only screen and (max-width: #{$mobile-width-3}) { - .directorist-user-dashboard-tab ul { - flex-wrap: wrap; - padding-left: 0; - - li { - flex: 0 0 100%; - - a { - padding-bottom: 5px; - } - } - } - - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-left: 0; - } - - .directorist-author-profile-wrap .directorist-author-avatar { - display: block; - - 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; - - p { - text-align: center; - } - } - - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-right: 0; - display: inline-block; - } -} - -// XX. Custom Devices -//@media only screen and (min-width: $min-width) and (max-width: $max-width) {} - -// XX. Custom Devices 2 -//@media only screen and (max-width: $max-width) {} diff --git a/assets/src/scss/component/_search-home.scss b/assets/src/scss/component/_search-home.scss deleted file mode 100644 index 8e3e07a789..0000000000 --- a/assets/src/scss/component/_search-home.scss +++ /dev/null @@ -1,1331 +0,0 @@ -// Search Home Styles -.directorist-search-top { - text-align: center; - margin-bottom: 34px; - - @include e(title) { - color: var(--directorist-color-dark); - font-size: 36px; - font-weight: 500; - margin-bottom: 18px; - } - - @include e(subtitle) { - color: var(--directorist-color-body); - font-size: 18px; - opacity: 0.8; - text-align: center; - } -} -.directorist-search-contents { - background-size: cover; - padding: 100px 0 120px; -} - -// Search Field Style -.directorist-search-field { - @include e(label) { - 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-form-group__with-prefix .directorist-form-element, - ~ .directorist-search-field__input { - &::placeholder { - opacity: 0; - transition: opacity 0.3s ease; - } - } - } - .directorist-form-group__prefix--start { - opacity: 0; - transition: opacity 0.3s ease; - } - @include e(btn) { - display: flex; - position: absolute; - bottom: 12px; - cursor: pointer; - @include m(clear) { - right: 0; - opacity: 0; - visibility: hidden; - i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - transition: background-color 0.3s ease; - } - &:hover { - i::after { - background-color: var(--directorist-color-primary); - } - } - } - } - - @media screen and (max-width: 575px) { - .directorist-filter-location-icon { - right: -15px; - } - } - - &.input-is-focused { - .directorist-search-field__input { - &:not(.directorist-select) { - padding-right: 25px; - } - &.directorist-location-js { - padding-right: 45px; - } - &[type="number"] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; - } - &::placeholder { - opacity: 1; - } - } - .directorist-search-field__label { - top: 0; - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); - } - .directorist-search-field__btn--clear, - .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; - } - - .directorist-form-group__with-prefix { - border-bottom: 2px solid var(--directorist-color-primary); - } - - .directorist-form-group__prefix--start { - opacity: 1; - } - .directorist-form-group__with-prefix { - padding-right: 25px; - box-sizing: border-box; - .directorist-search-field__input { - bottom: 0; - } - } - - .directorist-select, - .directorist-search-field__input { - position: relative; - bottom: -5px; - } - &.directorist-date, - &.directorist-time, - .directorist-select { - .directorist-search-field__label { - opacity: 1; - } - } - .directorist-location-js { - padding-right: 45px; - } - - .select2-selection--single .select2-selection__rendered, - .select2-selection--single - .select2-selection__rendered - .select2-selection__placeholder { - color: var(--directorist-color-dark); - } - .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); - } - } - &.directorist-date, - &.directorist-time, - &.directorist-color, - .directorist-select { - .directorist-search-field__label { - opacity: 0; - } - } - .directorist-select, - .directorist-filter-location-icon { - ~ .directorist-search-field__btn--clear { - right: 25px; - } - .directorist-icon-mask:after { - background-color: #808080; - } - } - .directorist-filter-location-icon { - ~ .directorist-search-field__btn--clear { - bottom: 8px; - } - } -} - -// Search Field Style During Loading -.directorist-preload { - .directorist-search-form-top { - .directorist-search-field__label { - ~ .directorist-search-field__input { - opacity: 0; - pointer-events: none; - } - } - } -} - -// Search Form -.directorist-search-form { - @include e("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) { - gap: 15px; - flex-direction: column; - } - @media only screen and (max-width: 575px) { - padding: 0; - box-shadow: unset; - border: none; - .directorist-search-form-action { - display: none; - } - } - } - @include e("top") { - display: flex; - flex-wrap: wrap; - flex: 1; - gap: 18px; - @media screen and (max-width: 767px) { - width: 100%; - } - @media screen and (min-width: 576px) { - margin-top: 5px; - .directorist-search-modal__minimizer { - display: none; - } - .directorist-search-modal__contents { - border-radius: 0; - z-index: 1; - } - - .directorist-search-query:after { - display: none; - } - - .directorist-search-modal__input { - display: flex; - flex: 30%; - margin: 0; - border: none; - border-radius: 0; - .directorist-search-modal__input__btn { - display: none; - } - .directorist-form-group .directorist-form-element:focus { - border-bottom: 2px solid var(--directorist-color-primary); - } - } - - .directorist-search-modal__contents__body - .directorist-search-modal__input - .directorist-search-field { - border: 0 none; - } - - .directorist-search-modal__input:not(:nth-last-child(1)) - .directorist-search-field { - border-right: 1px solid var(--directorist-color-border); - } - - .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-modal__contents__body { - height: auto; - padding: 0; - gap: 18px; - margin: 0; - overflow: unset; - display: flex; - flex-wrap: wrap; - align-items: flex-start; - } - .directorist-advanced-filter - .directorist-form-group.directorist-icon-left - .directorist-input-icon { - left: 15px; - } - .directorist-advanced-filter - .directorist-form-group.directorist-icon-right - .directorist-input-icon, - .select2-container[dir="ltr"] - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - right: 15px; - } - .select2-container[dir="ltr"] - .directorist-select2-addons-area - .directorist-select2-dropdown-close { - right: 30px; - } - .directorist-search-modal__input:focus - .directorist-select2-dropdown-toggle, - .directorist-search-modal__input:focus-within - .directorist-select2-dropdown-toggle { - display: block; - } - } - @media screen and (max-width: 767px) { - .directorist-search-modal__input { - flex: 44%; - } - } - .directorist-search-modal__input { - .directorist-select2-dropdown-close { - display: none; - } - } - .directorist-select, - .directorist-search-category { - width: calc(100% + 15px); - } - - .directorist-search-form__single-category { - cursor: not-allowed; - .directorist-category-select { - opacity: 0.6; - pointer-events: none; - ~ .select2-container { - opacity: 0.6; - pointer-events: none; - } - } - ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; - } - } - - .directorist-search-form__single-location { - cursor: not-allowed; - .directorist-location-select { - opacity: 0.6; - pointer-events: none; - ~ .select2-container { - opacity: 0.6; - pointer-events: none; - } - } - ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; - } - } - - .directorist-search-field { - flex: 30%; - flex-direction: column; - align-items: flex-start; - margin: 0; - position: relative; - padding-bottom: 0; - padding-right: 15px; - box-sizing: border-box; - &:not(:last-child) { - border-right: 1px solid var(--directorist-color-border); - } - @media screen and (max-width: 575px) { - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - right: -15px; - } - } - - @include e(btn) { - @include m(clear) { - right: 15px; - bottom: 8px; - } - } - - &.input-is-focused { - .directorist-search-field__input { - padding-right: 25px; - &.directorist-select { - padding-right: 0; - } - &::placeholder { - opacity: 1; - } - } - .directorist-location-js { - padding-right: 45px; - } - - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - right: 15px; - } - - .directorist-select, - .directorist-filter-location-icon { - margin-top: 3px; - ~ .directorist-search-field__btn--clear { - right: 38px; - bottom: 8px; - } - } - &.atbdp-form-fade:after { - margin-top: 3px; - } - } - - .directorist-form-element { - border: 0 none; - background-color: transparent; - transition: all 0.3s ease-in-out; - border-bottom: 2px solid transparent; - &:focus { - border-color: var(--directorist-color-primary); - } - @media screen and (max-width: 575px) { - border: 0 none; - border-radius: 0; - overflow: hidden; - -o-text-overflow: ellipsis; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; - } - } - - .directorist-year-ranges__item { - .directorist-form-element { - border-bottom: 2px solid var(--directorist-color-border); - &:focus { - border-color: var(--directorist-color-primary); - } - } - } - - .directorist-price-ranges__item { - .directorist-form-element { - border: none !important; - &:focus { - border: none !important; - } - } - } - - &.directorist-search-field-radius_search { - .directorist-custom-range-slider__range__wrap { - right: 15px; - } - } - - .directorist-select select, - .directorist-select .directorist-select__label { - border: 0 none; - } - - .wp-picker-container .wp-picker-input-wrap label { - display: none; - } - - .directorist-checkbox-wrapper, - .directorist-radio-wrapper, - .directorist-search-tags { - padding: 0; - gap: 20px; - flex-wrap: wrap; - flex-direction: column; - } - - .select2.select2-container.select2-container--default - .select2-selection__rendered { - font-size: 14px; - font-weight: 500; - } - - .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); - &:hover { - color: var(--directorist-color-primary); - } - } - - @media screen and (max-width: 767px) { - flex: 44%; - } - - @media screen and (max-width: 575px) { - flex: 100%; - margin: 0 20px; - border: none !important; - @include e(label) { - left: 0; - min-width: 14px; - &: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("../../../icons/font-awesome/svgs/solid/long-arrow-alt-left.svg"); - opacity: 0; - } - } - @include e(btn) { - bottom: unset; - right: 40px; - top: 50%; - transform: translateY(-50%); - transition: all 0.3s ease; - i::after { - width: 14px; - height: 14px; - } - } - - &.input-is-focused { - padding: 0; - margin: 0 40px; - &.input-has-noLabel { - @media screen and (max-width: 575px) { - margin: 0 20px; - .directorist-search-field__btn { - right: 0; - } - } - } - .directorist-search-field__input { - bottom: 0; - &::placeholder { - opacity: 1; - } - } - .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - transform: translateY(-50%); - left: -25px; - &:before { - opacity: 1; - } - } - .directorist-search-field__btn { - right: -20px; - i::after { - width: 14px; - height: 14px; - opacity: 1; - visibility: visible; - } - } - - .directorist-select, - .directorist-filter-location-icon { - ~ .directorist-search-field__btn--clear { - right: 5px; - } - } - - .directorist-select, - .directorist-search-field__input { - padding-right: 0; - } - .directorist-location-js { - padding-right: 30px; - } - &.atbdp-form-fade:after, - .directorist-filter-location-icon { - margin-top: 0; - } - - &.directorist-icon-right .directorist-input-icon { - right: -20px; - } - - .select2-container - .directorist-select2-addons-area - .directorist-select2-dropdown-toggle { - position: absolute; - right: -5px; - padding: 0; - width: auto; - } - } - &.input-has-value { - &:not(.input-is-focused) { - .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-field__input::placeholder { - opacity: 0; - transition: opacity 0.3s ease; - } - } - } - - .directorist-price-ranges__label { - top: 12px; - left: 0; - } - .directorist-price-ranges__currency { - top: 12px; - left: 32px; - } - } - } - - .select2-container { - width: 100%; - - &.select2-container--default { - .select2-selection--single { - display: flex; - align-items: center; - padding: 5px 0; - border: 0 none !important; - width: calc(100% - 15px); - .select2-selection__rendered { - .select2-selection__placeholder { - color: var(--directorist-color-body); - } - } - } - .directorist-select2-addons-area { - .directorist-icon-mask { - display: flex; - flex: 1; - justify-content: flex-end; - &:after { - width: 12px; - height: 12px; - background-color: #808080; - } - } - } - } - .directorist-select2-dropdown-close { - display: none; - } - .directorist-select2-dropdown-toggle { - position: absolute; - padding: 0; - width: auto; - } - } - - input[type="number"]::-webkit-outer-spin-button, - input[type="number"]::-webkit-inner-spin-button { - appearance: none; - margin: 0; - } - - .directorist-search-form-dropdown { - @media screen and (max-width: 575px) { - padding: 0 !important; - margin-right: 5px !important; - .directorist-search-field__btn { - right: 0; - } - } - .directorist-search-field__btn--clear { - bottom: 12px; - opacity: 0; - visibility: hidden; - } - &.input-has-value, - &.input-is-focused { - .directorist-search-field__input { - padding-right: 25px; - .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - font-size: 14px !important; - font-weight: 500; - .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-left: 5px; - } - } - } - .directorist-search-field__btn--clear, - .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; - } - - @media screen and (max-width: 575px) { - margin-right: 20px !important; - .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-field__btn { - right: 20px; - } - .directorist-search-field__btn--clear { - bottom: 5px; - } - } - } - } - .directorist-search-basic-dropdown { - position: relative; - .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-basic-dropdown-selected-prefix:not(:empty) { - margin-inline-end: 5px; - } - .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; - } - i { - display: flex; - flex: 1; - justify-content: flex-end; - &:after { - width: 12px; - height: 12px; - background-color: #808080; - } - } - &:before { - @media screen and (max-width: 575px) { - left: -20px !important; - } - } - } - .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; - &.dropdown-content-show { - display: block; - } - .directorist-search-tags, - .directorist-radio-wrapper, - .directorist-checkbox-wrapper { - gap: 12px; - } - .directorist-checkbox__label { - width: 100%; - } - } - } - .directorist-form-group__with-prefix { - border: none; - .directorist-search-field__input { - padding-right: 0 !important; - border: none !important; - bottom: 0; - &:focus { - border: none !important; - } - } - .directorist-form-element { - padding-left: 0 !important; - } - ~ .directorist-search-field__btn--clear { - bottom: 12px; - } - } - } -} -.directorist-search-form-action { - display: flex; - align-items: center; - margin-inline-end: auto; - padding-inline-start: 10px; - gap: 10px; - @media only screen and (max-width: 767px) { - padding-inline-start: 0; - } - @media only screen and (max-width: 575px) { - width: 100%; - } - - button { - text-decoration: none; - text-transform: capitalize; - } - - @include e(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-icon-mask::after { - height: 12px; - width: 14px; - background-color: var(--directorist-color-btn-primary-bg); - } - &:hover { - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); - } - @media only screen and (max-width: 767px) { - padding-left: 0; - } - } - @media only screen and (max-width: 575px) { - display: none; - } - } - @include e(submit) { - .directorist-btn-search { - gap: 8px; - height: 50px; - padding: 0 25px; - font-size: 15px; - font-weight: 700; - border-radius: 8px; - .directorist-icon-mask::after { - height: 16px; - width: 16px; - background-color: var(--directorist-color-white); - transform: rotate(270deg); - } - } - @media only screen and (max-width: 575px) { - display: none; - } - } - @include e(modal) { - display: flex; - flex-wrap: wrap; - gap: 20px; - @media only screen and (max-width: 575px) { - flex: 0 0 100%; - } - @media only screen and (min-width: 576px) { - display: none; - } - @include e("btn-search") { - gap: 8px; - width: 100%; - height: 44px; - padding: 0 25px; - font-weight: 600; - border-radius: 22px; - flex: 1; - i::after { - width: 16px; - height: 16px; - transform: rotate(270deg); - } - } - @include e("btn-advanced") { - display: flex; - align-items: center; - justify-content: center; - .directorist-icon-mask:after { - height: 16px; - width: 16px; - } - } - } -} - -// loading effect -.atbdp-form-fade { - position: relative; - border-radius: 8px; - overflow: visible; - &.directorist-search-form__box { - padding: 15px; - border-radius: 10px; - &:after { - border-radius: 10px; - } - } - &.directorist-search-field input[type="text"] { - padding-left: 15px; - } - - &: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%; - transform: translate(-50%, -50%); - animation: atbd_spin2 2s linear infinite; - z-index: 9999; - } - - &: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; - } -} - -.directorist-on-scroll-loading { - 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-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%; - animation: 1s rotate360 linear infinite; - } -} - -// Directorist Listing Type Selection -.directorist-listing-type-selection { - display: flex; - justify-content: center; - align-items: flex-end; - flex-wrap: wrap; - list-style-type: none; - - @media only screen and (max-width: 767px) { - flex-wrap: nowrap; - overflow-x: auto; - } - @media only screen and (max-width: 575px) { - max-width: fit-content; - justify-content: flex-start; - } - - @include e(item) { - margin-bottom: 25px; - list-style: none; - @media screen and (max-width: 575px) { - margin-bottom: 15px; - } - &:not(:last-child) { - margin-right: 25px; - @media screen and (max-width: 575px) { - margin-right: 20px; - } - } - a { - 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); - &:hover { - color: var(--directorist-color-primary); - .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - } - } - &:focus { - background-color: transparent; - } - &: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); - } - .directorist-icon-mask { - display: inline-block; - margin: 0 0 7px; - &:after { - width: 20px; - height: 20px; - background-color: var(--directorist-color-body); - } - } - } - - .directorist-listing-type-selection__link--current { - font-weight: 700; - color: var(--directorist-color-primary); - .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); - } - &:after { - opacity: 1; - visibility: visible; - } - } - } -} -.directorist-search-form-wrap .directorist-listing-type-selection { - padding: 0; - margin: 0; - @media only screen and (max-width: 575px) { - margin: 0 auto; - } -} - -// Search Home Advance Filter -.directorist-search-contents { - .directorist-btn-ml { - &:after { - content: ""; - display: inline-block; - margin-left: 5px; - mask-image: url(../../../icons/line-awesome/svgs/angle-down-solid.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); - } - - &.active { - &:after { - mask-image: url(../../../icons/line-awesome/svgs/angle-up-solid.svg); - } - } - } -} - -// Directorist listing Category -.directorist-listing-category-top { - text-align: center; - margin-top: 35px; - @media screen and (max-width: 575px) { - margin-top: 20px; - } - h3 { - font-size: 18px; - font-weight: 400; - color: var(--directorist-color-body); - margin-bottom: 0; - display: none; - } - - ul { - 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) { - gap: 12px; - overflow-x: auto; - flex-wrap: nowrap; - justify-content: flex-start; - } - } - li a { - 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; - i, - span, - span.las, - span.lar, - span.lab, - span.fab, - span.fas, - span.la { - font-size: 15px; - color: var(--directorist-color-body); - } - .directorist-icon-mask::after { - position: relative; - height: 15px; - width: 15px; - background-color: var(--directorist-color-body); - } - - p { - font-size: 14px; - line-height: 1; - font-weight: 400; - margin: 0; - color: var(--directorist-color-body); - } - @media screen and (max-width: 575px) { - i { - display: none; - } - } - } -} - -// Location Search Result -.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); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 10; - ul { - display: flex; - flex-direction: column; - gap: 10px; - padding: 7px; - margin: 0 0 15px; - list-style-type: none; - a { - 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; - .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); - i:after { - width: 16px; - height: 16px; - } - } - .location-address { - position: relative; - top: 2px; - } - &.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); - .location-address { - position: relative; - top: 0; - &:before { - content: "Current Location"; - } - } - } - &:hover { - color: var(--directorist-color-primary); - } - } - li { - border: none; - padding: 0; - margin: 0; - } - } -} - -// Zipcode Search -.directorist-zipcode-search .directorist-search-country { - position: absolute; - width: 100%; - left: 0; - top: 45px; - background-color: var(--directorist-color-white); - box-shadow: 0 5px 10px rgb(145 146 163 / 20%); - border-radius: 3px; - z-index: 1; - max-height: 300px; - overflow-y: scroll; - - ul { - list-style: none; - padding: 0; - a { - font-size: 14px; - color: var(--directorist-color-gray); - line-height: 22px; - display: block; - } - li { - border-bottom: 1px solid var(--directorist-color-border); - padding: 10px 15px 10px; - margin: 0; - } - } -} - -// Open Now Button -.directorist-search-contents .directorist-search-form-top .form-group.open_now { - flex: 30.8%; - border-right: 1px solid var(--directorist-color-border); -} - -// Custom Range Slider -.directorist-custom-range-slider { - width: 100%; - @include e("wrap") { - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: wrap; - gap: 20px; - flex: 0 0 100%; - } - @include e(value) { - position: relative; - display: flex; - flex: 1; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); - transition: border ease 0.3s; - &:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); - } - input { - flex: 1; - width: 100%; - height: 40px; - margin: 0; - padding: 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - border: none; - outline: none; - box-shadow: none; - } - } - @include e(label) { - font-size: 14px; - font-weight: 400; - margin: 0 10px 0 0; - color: var(--directorist-color-light-gray); - } - @include e(prefix) { - line-height: 1; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - } - @include e(range) { - @include e(wrap) { - display: flex; - gap: 5px; - align-items: center; - justify-content: flex-end; - font-size: 14px; - font-weight: 500; - } - } -} diff --git a/assets/src/scss/component/_select2-custom-control.scss b/assets/src/scss/component/_select2-custom-control.scss deleted file mode 100644 index 89cfc680c9..0000000000 --- a/assets/src/scss/component/_select2-custom-control.scss +++ /dev/null @@ -1,43 +0,0 @@ -.select2-selection__arrow, -.select2-selection__clear { - display: none !important; -} - -.directorist-select2-addons-area { - 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: flex; - align-items: center; - justify-content: center; -} - -.directorist-select2-dropdown-toggle { - height: auto; - width: 25px; -} - -.directorist-select2-dropdown-close { - height: auto; - width: 25px; - .directorist-icon-mask::after{ - width: 15px; - height: 15px; - } -} - -.directorist-select2-addon .directorist-icon-mask::after{ - width: 13px; - height: 13px; -} \ No newline at end of file diff --git a/assets/src/scss/component/_sweet-alert.scss b/assets/src/scss/component/_sweet-alert.scss deleted file mode 100644 index d3bc0df15f..0000000000 --- a/assets/src/scss/component/_sweet-alert.scss +++ /dev/null @@ -1,1284 +0,0 @@ -body.stop-scrolling { - 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 -} - -.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 -} - -@media all and (max-width:540px) { - .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 -} - -.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 -} - -.sweet-alert fieldset { - 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 .15s, max-height .15s; - transition: padding .15s, max-height .15s -} - -.sweet-alert .sa-error-container.show { - padding: 10px 0; - max-height: 100px; - webkit-transition: padding .2s, max-height .2s; - transition: padding .25s, max-height .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 -} - -.sweet-alert .sa-error-container p { - 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 .1s; - transition: all .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 -} - -.sweet-alert .sa-input-error::before { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg) -} - -.sweet-alert .sa-input-error::after { - -webkit-transform: rotate(45deg); - transform: rotate(45deg) -} - -.sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1) -} - -.sweet-alert input { - 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 .3s; - transition: all .3s -} - -.sweet-alert input:focus { - outline: 0; - box-shadow: 0 0 3px #c4e6f5; - border: 1px solid #b4dbed -} - -.sweet-alert input:focus::-moz-placeholder { - transition: opacity .3s .03s ease; - opacity: .5 -} - -.sweet-alert input:focus:-ms-input-placeholder { - transition: opacity .3s .03s ease; - opacity: .5 -} - -.sweet-alert input:focus::-webkit-input-placeholder { - transition: opacity .3s .03s ease; - opacity: .5 -} - -.sweet-alert input::-moz-placeholder { - color: #bdbdbd -} - -.sweet-alert input:-ms-input-placeholder { - color: #bdbdbd -} - -.sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd -} - -.sweet-alert.show-input input { - display: block -} - -.sweet-alert .sa-confirm-button-container { - 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 -} - -.sweet-alert button { - 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; - 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 -} - -.sweet-alert button:active { - background-color: #5dc2f1 -} - -.sweet-alert button.cancel { - background-color: #c1c1c1 -} - -.sweet-alert button.cancel:hover { - background-color: #b9b9b9 -} - -.sweet-alert button.cancel:active { - background-color: #a8a8a8 -} - -.sweet-alert button.cancel:focus { - 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: .6; - cursor: default -} - -.sweet-alert button.confirm[disabled] { - color: transparent -} - -.sweet-alert button.confirm[disabled]~.la-ball-fall { - opacity: 1; - visibility: visible; - transition-delay: 0 -} - -.sweet-alert button::-moz-focus-inner { - border: 0 -} - -.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 .sa-icon { - 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 -} - -.sweet-alert .sa-icon.sa-error .sa-x-mark { - 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 -} - -.sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -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 -} - -.sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86 -} - -.sweet-alert .sa-icon.sa-warning .sa-body { - 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; - -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 -} - -.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 -} - -.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 -} - -.sweet-alert .sa-icon.sa-success { - border-color: #a5dc86 -} - -.sweet-alert .sa-icon.sa-success::before, -.sweet-alert .sa-icon.sa-success::after { - 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 { - -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 { - -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); - -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) -} - -.sweet-alert .sa-icon.sa-success .sa-line { - 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) -} - -.sweet-alert .sa-icon.sa-success .sa-line.sa-long { - 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 -} - -@-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); - } -} - -@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); - } -} - -@-webkit-keyframes hideSweetAlert { - 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); - } -} - -@-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - - 100% { - top: 50%; - } -} - -@keyframes slideFromTop { - 0% { - top: 0; - } - - 100% { - top: 50%; - } -} - -@-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - - 100% { - top: 0; - } -} - -@keyframes slideToTop { - 0% { - top: 50% - } - - 100% { - top: 0 - } -} - -@-webkit-keyframes slideFromBottom { - 0% { - top: 70% - } - - 100% { - top: 50% - } -} - -@keyframes slideFromBottom { - 0% { - top: 70% - } - - 100% { - top: 50% - } -} - -@-webkit-keyframes slideToBottom { - 0% { - top: 50% - } - - 100% { - top: 70% - } -} - -@keyframes slideToBottom { - 0% { - top: 50% - } - - 100% { - top: 70% - } -} - -.showSweetAlert[data-animation=pop] { - -webkit-animation: showSweetAlert .3s; - animation: showSweetAlert .3s -} - -.showSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none -} - -.showSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideFromTop .3s; - animation: slideFromTop .3s -} - -.showSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideFromBottom .3s; - animation: slideFromBottom .3s -} - -.hideSweetAlert[data-animation=pop] { - -webkit-animation: hideSweetAlert .2s; - animation: hideSweetAlert .2s -} - -.hideSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none -} - -.hideSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideToTop .4s; - animation: slideToTop .4s -} - -.hideSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideToBottom .3s; - animation: slideToBottom .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 - } -} - -@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 - } -} - -@-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 - } -} - -@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 - } -} - -@-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) - } -} - -@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) - } -} - -.animateSuccessTip { - -webkit-animation: animateSuccessTip .75s; - animation: animateSuccessTip .75s -} - -.animateSuccessLong { - -webkit-animation: animateSuccessLong .75s; - animation: animateSuccessLong .75s -} - -.sa-icon.sa-success.animate::after { - -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 - } -} - -@keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0 - } - - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1 - } -} - -.animateErrorIcon { - -webkit-animation: animateErrorIcon .5s; - animation: animateErrorIcon .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 - } -} - -@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 - } -} - -.animateXMark { - -webkit-animation: animateXMark .5s; - animation: animateXMark .5s -} - -@-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486 - } - - 100% { - border-color: #f8bb86 - } -} - -@keyframes pulseWarning { - 0% { - border-color: #f8d486 - } - - 100% { - border-color: #f8bb86 - } -} - -.pulseWarning { - -webkit-animation: pulseWarning .75s infinite alternate; - animation: pulseWarning .75s infinite alternate -} - -@-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486 - } - - 100% { - background-color: #f8bb86 - } -} - -@keyframes pulseWarningIns { - 0% { - background-color: #f8d486 - } - - 100% { - background-color: #f8bb86 - } -} - -.pulseWarningIns { - -webkit-animation: pulseWarningIns .75s infinite alternate; - animation: pulseWarningIns .75s infinite alternate -} - -@-webkit-keyframes rotate-loading { - 0% { - transform: rotate(0) - } - - 100% { - transform: rotate(360deg) - } -} - -@keyframes rotate-loading { - 0% { - transform: rotate(0) - } - - 100% { - transform: rotate(360deg) - } -} - -.sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(45deg) \9 -} - -.sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(-45deg) \9 -} - -.sweet-alert .sa-icon.sa-success { - border-color: transparent\9 -} - -.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(45deg) \9 -} - -.sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(-45deg) \9 -} - -/*! - * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) - * Copyright 2015 Daniel Cardoso <@DanielCardoso> - * Licensed under MIT - */ -.la-ball-fall, -.la-ball-fall>div { - 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); -} - -.la-ball-fall.la-dark { - color: #333 -} - -.la-ball-fall>div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor -} - -.la-ball-fall { - 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; - -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; - -moz-animation-delay: -200ms; - -o-animation-delay: -200ms; - animation-delay: -200ms -} - -.la-ball-fall>div:nth-child(2) { - -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; - -moz-animation-delay: 0; - -o-animation-delay: 0; - animation-delay: 0 -} - -.la-ball-fall.la-sm { - width: 26px; - height: 8px -} - -.la-ball-fall.la-sm>div { - width: 4px; - height: 4px; - margin: 2px -} - -.la-ball-fall.la-2x { - width: 108px; - height: 36px -} - -.la-ball-fall.la-2x>div { - width: 20px; - height: 20px; - margin: 8px -} - -.la-ball-fall.la-3x { - width: 162px; - height: 54px -} - -.la-ball-fall.la-3x>div { - width: 30px; - height: 30px; - margin: 12px -} - -@-webkit-keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%) - } - - 10% { - opacity: .5 - } - - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0) - } - - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0) - } - - 90% { - opacity: .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: .5 - } - - 20% { - opacity: 1; - -moz-transform: translateY(0); - transform: translateY(0) - } - - 80% { - opacity: 1; - -moz-transform: translateY(0); - transform: translateY(0) - } - - 90% { - opacity: .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: .5 - } - - 20% { - opacity: 1; - -o-transform: translateY(0); - transform: translateY(0) - } - - 80% { - opacity: 1; - -o-transform: translateY(0); - transform: translateY(0) - } - - 90% { - opacity: .5 - } - - 100% { - opacity: 0; - -o-transform: translateY(145%); - transform: translateY(145%) - } -} - -@keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - -moz-transform: translateY(-145%); - -o-transform: translateY(-145%); - transform: translateY(-145%) - } - - 10% { - opacity: .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: .5 - } - - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - -moz-transform: translateY(145%); - -o-transform: translateY(145%); - transform: translateY(145%) - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_switch.scss b/assets/src/scss/component/_switch.scss deleted file mode 100644 index a29ed8e255..0000000000 --- a/assets/src/scss/component/_switch.scss +++ /dev/null @@ -1,140 +0,0 @@ -// directorist_switch -.directorist-switch{ - position: relative; - display: block; - input[type=checkbox]{ - &:before{ - display: none; - } - } - .directorist-switch-input{ - position: absolute; - left: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; - &:checked+.directorist-switch-label{ - color: #1A1B29; - font-weight: 500; - &:before{ - background-color: var(--directorist-color-primary); - } - &:after{ - transform: translateX(20px); - } - } - } - .directorist-switch-label{ - 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); - &:before{ - content: ""; - position: absolute; - top: 0.75px; - left: 4px; - display: block; - width: 44px; - height: 24px; - border-radius: 15px; - pointer-events: all; - background-color: #ECECEC; - } - &:after{ - position: absolute; - display: block; - content: ""; - background: no-repeat 50% / 50% 50%; - top: calc(0.75px + 4px); - left: calc(0px + 8px); - background-color: var(--directorist-color-white) !important; - width: calc(24px - 8px); - height: calc(24px - 8px); - background-color: var(--directorist-color-white); - box-shadow: 0 0 4px rgba(#8F8E9F,.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; - } - } -} - -// Switch Type -.directorist-switch{ - &.directorist-switch-primary .directorist-switch-input:checked+.directorist-switch-label::before{ - background-color: var(--directorist-color-primary) - } - &.directorist-switch-success.directorist-switch-input:checked+.directorist-switch-label::before{ - background-color: var(--directorist-color-success) - } - &.directorist-switch-secondary.directorist-switch-input:checked+.directorist-switch-label::before{ - background-color: var(--directorist-color-secondary) - } - &.directorist-switch-danger.directorist-switch-input:checked+.directorist-switch-label::before{ - background-color: var(--directorist-color-danger) - } - &.directorist-switch-warning.directorist-switch-input:checked+.directorist-switch-label::before{ - background-color: var(--directorist-color-warning) - } - &.directorist-switch-info.directorist-switch-input:checked+.directorist-switch-label::before{ - background-color: var(--directorist-color-info) - } -} - -// Directorist Yes No Switch -.directorist-switch-Yn { - font-size: 15px; - padding: 3px; - position: relative; - display: inline-block; - border: 1px solid #e9e9e9; - border-radius: 17px; - span{ - user-select: none; - font-size: 14px; - line-height: 27px; - padding: 5px 10.5px; - font-weight: 500; - } - input[type="checkbox"]{ - display: none; - - &:checked{ - &+.directorist-switch-yes{ - background-color: #3E62F5; - color: var(--directorist-color-white); - } - &+span { - &+.directorist-switch-no{ - background-color: transparent; - color: #9b9eaf; - } - } - } - - .directorist-switch-yes{ - background-color: transparent; - color: #9b9eaf; - } - - &+span { - &+.directorist-switch-no{ - background-color: #fb6665; - color: var(--directorist-color-white); - } - } - } - - .directorist-switch-yes{ - border-radius: 15px 0 0 15px; - } - .directorist-switch-no{ - border-radius: 0 15px 15px 0; - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_tab.scss b/assets/src/scss/component/_tab.scss deleted file mode 100644 index b1edbf005a..0000000000 --- a/assets/src/scss/component/_tab.scss +++ /dev/null @@ -1,87 +0,0 @@ -// Navigation -.directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: flex; - justify-content: center; - align-items: center; -} - -.directorist-tab-navigation-list-item { - 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); - - &.--is-active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - } - - &.--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); - transform: translate(-50%, 0); - - } - - .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); - - &:active, &:visited, &:focus { - outline: none; - box-shadow: none; - color: var(--directorist-color-body); - } - - &.--is-active { - cursor: default; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - } - - &.--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); - transform: translate(-50%, 0); - } -} - -// Content -.directorist-tab-content { - display: none; - - &.--is-active { - display: block; - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_tooltip.scss b/assets/src/scss/component/_tooltip.scss deleted file mode 100644 index b96e00c633..0000000000 --- a/assets/src/scss/component/_tooltip.scss +++ /dev/null @@ -1,150 +0,0 @@ -/* Directorist Tooltip */ -.directorist-tooltip { - position: relative; - - &.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); - } - &[data-label]:after{ - transform: translate(-50%); - top: 100%; - margin-top: 8px; - } - } - &[data-label]:before, - &[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: fit-content; - animation: showTooltip 0.3s ease; - } - - &[data-label]:before { - content: ""; - left: 50%; - top: -6px; - transform: translateX(-50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); - } - - &[data-label]:after { - 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; - } - - &[data-label]:hover:before, - &[data-label]:hover:after { - display: block; - } - .directorist-tooltip__label{ - font-size: 16px; - color: var(--directorist-color-primary); - } -} - -// Directorist Tooltip Type -.directorist-tooltip { - &.directorist-tooltip-primary{ - &[data-label]:after { - background-color: var(--directorist-color-primary); - } - &[data-label]:before { - border-top-color: var(--directorist-color-primary); - } - } - &.directorist-tooltip-secondary{ - &[data-label]:after { - background-color: var(--directorist-color-secondary); - } - &[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); - } - } - &.directorist-tooltip-info{ - &[data-label]:after { - background-color: var(--directorist-color-info); - } - &[data-label]:before { - border-top-color: var(--directorist-color-info); - } - } - &.directorist-tooltip-warning{ - &[data-label]:after { - background-color: var(--directorist-color-warning); - } - &[data-label]:before { - border-top-color: var(--directorist-color-warning); - } - } - &.directorist-tooltip-success{ - &[data-label]:after { - background-color: var(--directorist-color-success); - } - &[data-label]:before { - border-top-color: var(--directorist-color-success); - } - } - &.directorist-tooltip-danger{ - &[data-label]:after { - background-color: var(--directorist-color-danger); - } - &[data-label]:before { - border-top-color: var(--directorist-color-danger); - } - } - &.directorist-tooltip-bottom{ - &.directorist-tooltip-primary{ - &[data-label]:before { - border-bottom-color: var(--directorist-color-primary); - } - } - &.directorist-tooltip-secondary{ - &[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); - } - } - &.directorist-tooltip-info{ - &[data-label]:before { - border-bottom-color: var(--directorist-color-info); - } - } - &.directorist-tooltip-warning{ - &[data-label]:before { - border-bottom-color: var(--directorist-color-warning); - } - } - &.directorist-tooltip-success{ - &[data-label]:before { - border-bottom-color: var(--directorist-color-success); - } - } - &.directorist-tooltip-danger{ - &[data-label]:before { - border-bottom-color: var(--directorist-color-danger); - } - } - } -} - -@keyframes showTooltip { - from { - opacity: 0; - } -} \ No newline at end of file diff --git a/assets/src/scss/component/_typography.scss b/assets/src/scss/component/_typography.scss deleted file mode 100644 index 8efcaad5cc..0000000000 --- a/assets/src/scss/component/_typography.scss +++ /dev/null @@ -1,9 +0,0 @@ -.directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; -} - -.directorist-label-addon-prepend { - margin-right: 10px; -} \ No newline at end of file diff --git a/assets/src/scss/component/_utility.scss b/assets/src/scss/component/_utility.scss deleted file mode 100644 index 4b09f90143..0000000000 --- a/assets/src/scss/component/_utility.scss +++ /dev/null @@ -1,9 +0,0 @@ -.--is-hidden { - display: none; -} - -.directorist-flex-center{ - display: flex; - align-items: center; - justify-content: center; -} \ No newline at end of file diff --git a/assets/src/scss/component/_widget.scss b/assets/src/scss/component/_widget.scss deleted file mode 100644 index fea596be0f..0000000000 --- a/assets/src/scss/component/_widget.scss +++ /dev/null @@ -1,499 +0,0 @@ -// Widget Style -.directorist-widget { - margin-bottom: 25px; - .directorist-card__header.directorist-widget__header { - padding: 20px 25px; - - .directorist-widget__header__title { - flex-wrap: wrap; - } - } - - .directorist-card__body.directorist-widget__body { - padding: 20px 30px; - } -} - -.directorist-sidebar { - .directorist-card { - margin-bottom: 25px; - ul { - padding: 0; - margin: 0; - list-style: none; - } - .directorist-author-social { - padding: 22px 0 0; - } - .directorist-single-author-contact-info ul { - padding: 0; - } - .tagcloud { - margin: 0; - padding: 25px; - } - a { - text-decoration: none; - } - - 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); - transition: border-color 0.3s ease; - &:focus { - border-color: var(--directorist-color-dark); - } - } - } - .directorist-card__header__title{ - justify-content: space-between; - } -} - -// Owner Contact Widget -.directorist-widget__listing-contact { - .directorist-form-group { - display: flex; - margin-bottom: 20px; - .directorist-form-element { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - &:focus{ - border: 1px solid var(--directorist-color-dark); - } - @include e('prefix') { - height: 46px; - line-height: 46px; - } - } - textarea { - min-height: 130px !important; - resize: none; - } - } - .directorist-btn { - width: 100%; - } -} - -//Submit Listing Widget -.directorist-widget__submit-listing { - .directorist-btn { - width: 100%; - } -} - -// Directorist author info -.directorist-widget__author-info { - figure{ - margin: 0; - } - .diretorist-view-profile-btn { - width: 100%; - margin-top: 25px; - } -} - -// Widget map -.directorist-single-map { - &.directorist-widget__map.leaflet-container { - margin-bottom: 0; - border-radius: 12px; - } -} - -// Directorist widget Listing -.directorist-widget-listing__single { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 15px; - &:not(:last-child) { - margin-bottom: 25px; - } -} -.directorist-widget-listing__image { - width: 70px; - height: 70px; - a{ - &:focus{ - outline: none; - } - } - img{ - width: 100%; - height: 100%; - border-radius: 10px; - } -} -.directorist-widget-listing__content { - display: flex; - gap: 5px; - flex-direction: column; - .directorist-widget-listing__title { - font-size: 15px; - font-weight: 500; - line-height: 1; - margin: 0; - color: var(--directorist-color-dark); - margin: 0; - } - a { - text-decoration: none; - display: inline-block; - width: 200px; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: var(--directorist-color-dark); - &:focus{ - outline: none; - } - } - .directorist-widget-listing__meta { - display: flex; - align-items: center; - } - .directorist-widget-listing__rating { - display: flex; - } - .directorist-widget-listing__rating-point { - font-size: 14px; - font-weight: 600; - display: inline-block; - margin: 0 8px; - color: var(--directorist-color-body); - } - .directorist-icon-mask { - line-height: 1; - &:after{ - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); - } - } - .directorist-widget-listing__reviews { - font-size: 13px; - text-decoration: underline; - color: var(--directorist-color-body); - } - .directorist-widget-listing__price { - font-size: 15px; - font-weight: 600; - color: var(--directorist-color-dark); - } -} - -// Widget Video -.directorist-widget__video { - .directorist-embaded-item { - width: 100%; - height: 100%; - border-radius: 10px; - } -} - -// Widget List -.directorist-widget .directorist-widget-list { - li { - &:hover { - .directorist-widget-list__icon { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - } - } - - &:not(:last-child) { - margin-bottom: 10px; - } - - span.la, - span.fa { - cursor: pointer; - margin: 0 5px 0 0; - } - } - - .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%; - } - - .directorist-child-category { - padding-left: 44px; - margin-top: 2px; - - li { - a { - position: relative; - - &:before { - position: absolute; - content: '-'; - left: -12px; - top: 50%; - font-size: 20px; - transform: translateY(-50%); - } - } - } - } -} - -//Widget Category/Location -.directorist-widget-taxonomy { - .directorist-taxonomy-list-one { - margin-block-end: 10px; - .directorist-taxonomy-list { - @include e('card') { - background: none; - padding: 0; - min-height: auto; - span { - font-weight: var(--directorist-fw-normal); - &:empty { - display: none; - } - } - } - @include e('icon') { - .directorist-icon-mask { - background-color: var(--directorist-color-light); - } - } - } - @include e('icon-default') { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: inline-flex; - align-items: center; - justify-content: center; - &::after { - content: ''; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - display: block; - } - } - .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background: none; - padding-bottom: 0; - padding-inline-start: 52px; - } - .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; - } - .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - padding-inline-start: 25px; - } -} - -// Widget Tags -.directorist-widget-tags { - ul { - margin: 0; - padding: 0; - display: flex; - flex-wrap: wrap; - gap: 10px; - } - li { - list-style: none; - padding: 0; - margin: 0; - } - 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); - transition: border-color 0.3s ease; - &:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); - } - } -} - -// Widget Advanced Search -.directorist-widget-advanced-search { - .directorist-search-form__box { - flex-direction: column; - .directorist-search-form-action { - margin-top: 25px; - } - - } - - .directorist-search-form-top { - width: 100%; - .directorist-search-modal__contents__body { - flex-direction: column; - .directorist-search-modal__input { - width: 100%; - .directorist-search-field { - border: 0 none; - } - } - } - } - - .directorist-search-basic-dropdown { - .directorist-search-basic-dropdown-label { - position: unset; - transform: unset; - display: block; - margin: 0 0 15px; - i { - display: none; - } - } - - .directorist-checkbox-wrapper, - .directorist-radio-wrapper, - .directorist-search-tags { - gap: 10px; - margin: 0; - padding: 0; - flex-direction: column; - } - } - - .directorist-search-form { - .directorist-search-field { - > label { - display: block; - margin: 0 0 15px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - } - &.input-is-focused, - &.input-has-value, - &.directorist-search-field-text_range, - &.directorist-search-field-radius_search { - > label { - font-size: 16px; - font-weight: 500; - } - } - &.input-is-focused .directorist-search-field__label, - &.input-has-value .directorist-search-field__label, - .directorist-search-basic-dropdown-label { - font-size: 16px; - font-weight: 500; - } - } - } - - .directorist-checkbox-rating { - padding: 0; - } - - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 15px; - } - - .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); - &:hover { - color: var(--directorist-color-primary); - } - } - - .directorist-advanced-filter__action { - padding: 0 0; - flex-wrap: wrap; - justify-content: center; - .directorist-btn { - height: 46px; - font-size: 14px; - font-weight: 400; - } - - .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); - &:focus { - outline: none; - } - &:disabled { - opacity: 0.5; - cursor: not-allowed; - } - } - } -} - -// Widget Authentication -.directorist-widget-authentication { - form { - margin-bottom: 15px; - } - p { - label, - input:not(input[type="checkbox"]) { - display: block; - } - label{ - padding-bottom: 10px; - } - 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; - } - } - .login-submit { - button { - cursor: pointer; - } - } -} diff --git a/assets/src/scss/component/listing-details/_author.scss b/assets/src/scss/component/listing-details/_author.scss deleted file mode 100644 index ce0096d566..0000000000 --- a/assets/src/scss/component/listing-details/_author.scss +++ /dev/null @@ -1,99 +0,0 @@ -.directorist-single-author-info { - figure{ - margin: 0; - } - .diretorist-view-profile-btn { - margin-top: 22px; - padding: 0 30px; - } -} - -// Directorist Author Avatar -.directorist-single-author-avatar { - display: flex; - align-items: center; - - .directorist-single-author-avatar-inner { - margin-right: 10px; - width: auto; - img { - width: 50px; - height: 50px; - border-radius: 50%; - } - } - - .directorist-single-author-name { - - h1,h2,h3,h4,h5,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-membership { - font-size: 14px; - color: var(--directorist-color-light-gray); - } -} - -// Directorist Author Contact Info -.directorist-single-author-contact-info { - margin-top: 15px; - ul { - flex-direction: column; - margin: 0; - padding: 0; - li { - width: 100%; - flex: 100%; - display: flex; - align-items: center; - padding-left: 0; - margin-left: 0; - &:not(:last-child){ - margin-bottom: 12px; - } - } - a{ - text-decoration: none; - color: var(--directorist-color-body); - &:hover{ - color: var(--directorist-color-primary); - } - } - .directorist-icon-mask::after{ - width: 14px; - height: 14px; - background-color: var(--directorist-color-light-gray); - } - } -} -.directorist-single-author-contact-info-text { - font-size: 15px; - margin-left: 12px; - box-shadow: none; - color: var(--directorist-color-body); -} - -// Directorist Author Social -.directorist-single-author-info .directorist-social-wrap { - display: flex; - margin: 25px -5px -5px; - - 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; - transition: all ease-in-out 300ms !important; - } -} \ No newline at end of file diff --git a/assets/src/scss/component/listing-details/_contact-info.scss b/assets/src/scss/component/listing-details/_contact-info.scss deleted file mode 100644 index c414359692..0000000000 --- a/assets/src/scss/component/listing-details/_contact-info.scss +++ /dev/null @@ -1,226 +0,0 @@ -// Directorist Single Info -.directorist-details-info-wrap { - .directorist-single-info { - display: flex; - font-size: 15px; - word-break: break-word; - flex-wrap: wrap; - gap: 10px 15px; - &:not(:last-child) { - margin-bottom: 12px; - } - a { - box-shadow: none; - } - &.directorist-single-info-picker { - .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; - } - } - - &.directorist-listing-details__text { - flex-direction: column; - } - } - .directorist-single-info__label { - display: flex; - min-width: 140px; - color: var(--directorist-color-dark); - - @media screen and (max-width: 575px) { - min-width: 130px; - } - @media screen and (max-width: 375px) { - min-width: 100px; - } - } - - .directorist-single-info__label-icon { - 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-icon-mask:after { - width: 14px; - height: 14px; - } - } - - .directorist-single-info__label__text { - position: relative; - min-width: 70px; - margin-top: 5px; - padding-right: 10px; - &:before { - content: ":"; - position: absolute; - right: 0; - top: 0; - } - - @media screen and (max-width: 375px) { - min-width: 60px; - } - } - - .directorist-single-info-number{ - .directorist-single-info__value{ - flex: none; - } - } - - .directorist-single-info__value { - margin-top: 4px; - flex: 1; - color: var(--directorist-color-body); - @media screen and (max-width: 575px) { - flex: 100%; - margin-top: 0; - } - a { - color: var(--directorist-color-body); - } - } - - @media screen and (max-width: 575px) { - .directorist-single-info-socials .directorist-single-info__label { - display: none; - } - } -} - -.directorist-social-links { - display: flex; - flex-wrap: wrap; - gap: 8px; - a { - 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-icon-mask::after { - background-color: var(--directorist-color-body); - } - &:hover { - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); - } - &.facebook { - background-color: #4267b2; - } - - &.twitter { - background-color: #1da1f2; - } - - &.youtube, - &.youtube-play { - background-color: #ff0000; - } - - &.instagram { - background-color: #c32aa3; - } - - &.linkedin { - background-color: #007bb5; - } - - &.google-plus { - background-color: #db4437; - } - - &.snapchat, - &.snapchat-ghost { - background-color: #eae800; - } - - &.reddit { - background-color: #ff4500; - } - - &.pinterest { - background-color: #bd081c; - } - - &.tumblr { - background-color: #35465d; - } - - &.flickr { - background-color: #f40083; - } - - &.vimeo { - background-color: #1ab7ea; - } - - &.vine { - background-color: #00b489; - } - - &.github { - background-color: #444752; - } - - &.dribbble { - background-color: #ea4c89; - } - - &.behance { - background-color: #196ee3; - } - - &.soundcloud { - background-color: #ff5500; - } - - &.stack-overflow { - background-color: #ff5500; - } - } - } -} - -// Directorist Owner Contact form -.directorist-contact-owner-form-inner { - .directorist-form-group { - margin-bottom: 15px; - } - - .directorist-form-element { - border-color: var(--directorist-color-border-gray); - } - - textarea { - resize: none; - } - - .directorist-btn-submit { - padding: 0 30px; - text-decoration: none; - text-transform: capitalize; - } -} - -.directorist-author-social { - a .fa { - font-family: "Font Awesome 5 Brands"; - } -} diff --git a/assets/src/scss/component/listing-details/_details-content.scss b/assets/src/scss/component/listing-details/_details-content.scss deleted file mode 100644 index 3bd0ef3aab..0000000000 --- a/assets/src/scss/component/listing-details/_details-content.scss +++ /dev/null @@ -1,496 +0,0 @@ -.directorist-single-listing-top { - gap: 20px; - margin: 15px 0 30px; - align-items: flex-start; - @media screen and (max-width: 575px) { - gap: 10px; - } - .directorist-return-back { - 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) { - border: none; - min-width: auto; - } - .directorist-single-listing-action__text { - display: block; - @media screen and (max-width: 575px) { - display: none; - } - } - } - - @include e("btn-wrapper") { - 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; - } - - @include e("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); - &:hover { - background-color: #2a3cd9 !important; - color: var(--directorist-color-white); - border-color: var(--directorist-color-white) !important; - } - .directorist-single-listing-action__text { - display: block; - } - } - } -} - -// Directorist Single Listing Style -.directorist-single-contents-area { - box-sizing: border-box; - .directorist-card { - padding: 0; - filter: none; - margin-bottom: 35px; - .directorist-card__body { - padding: 30px; - @media screen and (max-width: 575px) { - padding: 20px 15px; - } - } - .directorist-card__header { - padding: 20px 30px; - @media screen and (max-width: 575px) { - padding: 15px 20px; - } - } - .directorist-single-author-name h4 { - margin: 0; - } - } - - .directorist-card__header__title { - gap: 12px; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-dark); - - #directorist-review-counter { - margin-right: 10px; - } - } - - .directorist-card__header-icon { - display: flex; - justify-content: center; - align-items: center; - min-width: 34px; - height: 34px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - .directorist-icon-mask { - color: var(--directorist-color-dark); - &:after { - width: 14px; - height: 14px; - } - } - } - - .directorist-details-info-wrap { - a { - font-size: 15px; - text-decoration: none; - box-shadow: none; - color: var(--directorist-color-body); - &:hover { - color: var(--directorist-color-primary); - } - } - ul { - display: flex; - flex-wrap: wrap; - gap: 0 10px; - margin: 0; - list-style-type: none; - padding: 0; - } - li { - flex: 0 0 49%; - } - .directorist-social-links a:hover { - background-color: var(--directorist-color-primary); - } - .directorist-single-map__location { - padding-top: 18px; - } - } - - .directorist-single-info__label-icon .directorist-icon-mask:after { - background-color: #808080; - } - - .directorist-single-listing-slider .directorist-swiper__nav i:after { - background-color: var(--directorist-color-white); - } - - .directorist-related { - padding: 0; - } -} -.directorist-single-contents-area { - margin-top: 50px; - .directorist-single-wrapper .directorist-details-info-wrap { - gap: 12px; - display: flex; - flex-direction: column; - .directorist-single-info { - margin: 0; - &.directorist-single-info-number { - .directorist-form-group__with-prefix { - flex: 1; - } - } - .directorist-form-group__with-prefix { - border: none; - margin-top: 4px; - } - .directorist-form-group__prefix { - height: auto; - line-height: unset; - color: var(--directorist-color-body); - } - } - } - .directorist-card { - margin-bottom: 25px; - } -} - -.directorist-single-map { - @include e(location) { - gap: 10px; - display: flex; - flex-wrap: wrap; - padding: 30px 0 0; - justify-content: space-between; - @media screen and (max-width: 575px) { - padding: 20px 0 0; - } - } - @include e(address) { - gap: 10px; - display: flex; - font-size: 14px; - i::after { - width: 14px; - height: 14px; - margin-top: 4px; - } - } - @include e(direction) { - a { - display: flex; - gap: 10px; - align-items: center; - } - } -} -.directorist-single-contents-area .directorist-single-map__direction a { - font-size: 14px; - color: var(--directorist-color-info); - .directorist-icon-mask:after { - background-color: var(--directorist-color-info); - } - &:hover { - color: var(--directorist-color-primary); - .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-listing-header { - margin-bottom: 25px; - margin-top: -15px; - padding: 0; -} -.directorist-single-wrapper { - .directorist-single-listing-slider-wrap { - padding: 0; - margin: 15px 0; - &.background-contain { - .directorist-single-listing-slider { - .swiper-slide { - img { - object-fit: contain; - } - } - } - } - } -} - -// Single Listing Actions -.directorist-single-listing-quick-action { - gap: 8px; - flex-wrap: wrap; - @media screen and (max-width: 767px) { - justify-content: flex-end; - } - @media screen and (max-width: 575px) { - gap: 12px; - justify-content: center; - } - .directorist-social-share { - position: relative; - &:hover { - .directorist-social-share-links { - opacity: 1; - visibility: visible; - top: calc(100% + 5px); - } - } - @media screen and (max-width: 575px) { - font-size: 0; - } - } - .directorist-social-share-links { - 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-social-links__item { - padding-left: 0; - margin: 0; - a { - 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; - span.la, - span.lab, - span.fa, - i { - color: var(--directorist-color-body); - &:after { - width: 18px; - height: 18px; - } - } - .directorist-icon-mask:after { - background-color: var(--directorist-color-body); - } - span.fa { - font-family: "Font Awesome 5 Brands"; - font-weight: 900; - font-size: 15px; - } - &:hover { - font-weight: 500; - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); - span.la, - span.fa, - i { - color: var(--directorist-color-primary); - } - .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - } - } - } - } -} - -.directorist-single-listing-action { - 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; - &:hover { - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-primary) !important; - } - @media screen and (max-width: 575px) { - gap: 0; - border: none; - &.directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-light) !important; - } - &.directorist-single-listing-top__btn-edit { - .directorist-single-listing-action__text { - display: none; - } - } - } - @media screen and (max-width: 480px) { - padding: 0 10px; - font-size: 12px; - } - @media screen and (max-width: 380px) { - &.directorist-btn-sm { - min-height: 38px; - } - } - - &.directorist-action-bookmark{ - .directorist-icon-mask{ - &:after{ - background-color: var(--directorist-color-dark); - } - &.directorist-added-to-favorite:after{ - background-color: var(--directorist-color-danger); - } - } - } - - .directorist-icon-mask::after { - width: 15px; - height: 15px; - } - - a { - box-shadow: none; - } - - .atbdp-require-login, - .directorist-action-report-not-loggedin { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - height: 100%; - - i { - pointer-events: none; - } - } -} - -// Listing Details -.directorist-listing-details { - margin: 15px 0 30px; - @include e("text") { - p { - margin: 0 0 15px; - color: var(--directorist-color-body); - line-height: 24px; - } - ul { - list-style: disc; - padding-left: 20px; - margin-left: 0; - } - li { - list-style: disc; - } - } - @include e("listing-title") { - font-size: 30px; - font-weight: 600; - display: inline-block; - margin: 15px 0 0; - color: var(--directorist-color-dark); - @media screen and (max-width: 575px) { - font-size: 24px; - } - } - @include e("tagline") { - margin: 10px 0; - color: var(--directorist-color-body); - } - - .directorist-pricing-meta .directorist-listing-price { - padding: 5px 10px; - border-radius: 6px; - background-color: var(--directorist-color-light); - } - - .directorist-listing-single__info { - padding: 0; - display: flex; - align-items: center; - flex-wrap: wrap; - } -} - -// Directorist Embaded Video -.directorist-single-contents-area .directorist-embaded-video { - width: 100%; - height: 400px; - border: 0 none; - border-radius: 12px; - @media (max-width: 768px) { - height: 56.25vw; - } -} - -// Directorist Map -.directorist-single-contents-area .directorist-single-map { - border-radius: 12px; - z-index: 1; - .directorist-info-item a { - font-size: 14px; - } -} - -// Related Listing -.directorist-related-listing-header { - h1, - h2, - h3, - h4, - h5, - h6 { - font-size: 18px; - margin: 0 0 15px; - } -} diff --git a/assets/src/scss/component/listing-details/_general.scss b/assets/src/scss/component/listing-details/_general.scss deleted file mode 100644 index 8627275628..0000000000 --- a/assets/src/scss/component/listing-details/_general.scss +++ /dev/null @@ -1,290 +0,0 @@ -// Report Modal -.directorist-report-abuse-modal { - .directorist-modal__header { - padding: 20px 0 15px; - - .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-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-modal__body { - padding: 20px 0; - border: none; - - label { - font-size: 18px; - margin-bottom: 12px; - text-align: left; - display: block; - } - - textarea { - min-height: 90px; - resize: none; - padding: 10px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - &:focus { - border: 1px solid var(--directorist-color-primary); - } - } - } - #directorist-report-abuse-message-display { - color: var(--directorist-color-body); - margin-top: 15px; - } - - #directorist-report-abuse-message-display:empty { - margin: 0; - } - - .directorist-modal__footer { - padding: 0; - display: flex; - justify-content: flex-end; - border: none; - .directorist-btn { - text-transform: capitalize; - padding: 0 15px; - - &.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-modal__content { - padding: 20px 30px 20px; - } - #directorist-report-abuse-form { - text-align: left; - } -} - -// Directorist Rated Stars -.directorist-rated-stars, -.atbd_rated_stars { - ul { - margin: 0; - padding: 0; - } - li { - display: inline-block; - padding: 0; - margin: 0; - } - span { - color: #d4d3f3; - display: block; - width: 14px; - height: 14px; - position: relative; - &:before { - content: ""; - mask-image: url("../../../../icons/font-awesome/svgs/solid/star.svg"); - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: #d4d3f3; - position: absolute; - left: 0; - top: 0; - } - - &.directorist-rate-active { - &:before { - 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); - @media screen and (max-width: 575px) { - background-color: transparent; - } - } - } -} - -.directorist-listing-details .directorist-listing-single { - border: 0 none; -} - -.directorist-single-listing-notice { - margin-bottom: 15px; -} - -.directorist-single-tag-list { - li { - margin: 0 0 10px; - } - a { - text-decoration: none; - color: var(--directorist-color-body); - transition: 0.3s ease; - display: flex; - gap: 10px; - .directorist-icon-mask { - 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; - &:after { - font-size: 15px; - } - } - - /* Legacy Icon */ - > span:not(.directorist-icon-mask) { - 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; - } - - &:hover { - color: var(--directorist-color-primary); - span { - 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; -} - -.directorist-sidebar { - .directorist-search-contents { - display: flex; - } - .directorist-search-form .directorist-search-form-action { - flex-wrap: wrap; - .directorist-modal-btn--advanced { - padding-left: 0; - } - } - .directorist-add-listing-types { - padding: 25px; - @include e(single) { - margin: 0; - } - .directorist-container-fluid { - padding: 0; - } - .directorist-row { - gap: 15px; - margin: 0; - } - .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { - width: 100%; - flex: 0 0 45%; - padding: 0; - margin: 0; - } - } - .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-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-taxonomy-list-one - .directorist-taxonomy-list__card - + .directorist-taxonomy-list__sub-item { - padding: 0; - margin-top: 0; - } - .directorist-taxonomy-list-one - .directorist-taxonomy-list__toggle--open - + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; - } - .directorist-taxonomy-list-one - .directorist-taxonomy-list__toggle--open - + .directorist-taxonomy-list__sub-item - li { - margin-top: 0; - } -} diff --git a/assets/src/scss/component/listing-details/_ol-map.scss b/assets/src/scss/component/listing-details/_ol-map.scss deleted file mode 100644 index 90c0176670..0000000000 --- a/assets/src/scss/component/listing-details/_ol-map.scss +++ /dev/null @@ -1,7 +0,0 @@ -.directorist-google-map, -.directorist-single-map { - height: 400px; - @media screen and (max-width: 480px) { - height: 320px; - } -} \ No newline at end of file diff --git a/assets/src/scss/component/listing-details/_review.scss b/assets/src/scss/component/listing-details/_review.scss deleted file mode 100644 index 459616f200..0000000000 --- a/assets/src/scss/component/listing-details/_review.scss +++ /dev/null @@ -1,1452 +0,0 @@ -// Directorist Rating -.directorist-rating-review-block { - 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; - } - - .directorist-form-group-guest-user { - margin-top: 12px; - } -} - -.directorist-rating-given-block { - .directorist-rating-given-block__label, - .directorist-rating-given-block__stars { - display: inline-block; - vertical-align: middle; - margin-right: 10px; - - a { - box-shadow: none; - } - } - - .directorist-rating-given-block__label { - margin-right: 10px; - margin: 0 10px 0 0; - } -} - -.directorist-rating-given-block__stars { - .br-widget a { - &:before { - content: ""; - mask-image: url("../../../../icons/line-awesome/svgs/star-solid.svg"); - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: #d4d3f3; - } - - &.br-selected, - &.br-active { - &:before { - color: var(--directorist-color-warning); - } - } - } - - .br-current-rating { - display: inline-block; - margin-left: 20px; - } -} - -// Directorist Current Rating -.directorist-review-current-rating { - margin-bottom: 16px; - - .directorist-review-current-rating__label { - margin-right: 10px; - margin-bottom: 0; - } - - .directorist-review-current-rating__label, - .directorist-review-current-rating__stars { - display: inline-block; - vertical-align: middle; - } - - .directorist-review-current-rating__stars { - li { - display: inline-block; - } - span { - color: #d4d3f3; - &:before { - content: "\f005"; - font-size: 14px; - font-family: 'Font Awesome 5 Free'; - font-weight: 900; - } - &.directorist-rate-active { - color: #fa8b0c; - } - } - } -} - -// Client Review -.directorist-single-review { - padding-bottom: 26px; - padding-top: 30px; - border-bottom: 1px solid #e3e6ef; - - &:first-child { - padding-top: 0; - } - - &:last-child { - padding-bottom: 0; - border-bottom: 0; - } - - .directorist-single-review__top { - display: flex; - justify-content: space-between; - } - - .directorist-single-review-avatar-wrap { - display: flex; - align-items: center; - margin-bottom: 22px; - } - - .directorist-single-review-avatar { - margin-right: 12px; - - img { - max-width: 50px; - border-radius: 50%; - } - } - - .directorist-rated-stars ul li span { - &.directorist-rate-active { - color: #fa8b0c; - } - } -} - -//review pagination -.atbdp-universal-pagination { - ul { - display: flex; - flex-wrap: wrap; - align-items: center; - margin: -5px; - padding: 0; - } - li { - 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); - - i { - line-height: 28px; - } - - &.atbd-active { - cursor: pointer; - - &:hover { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); - } - } - - &.atbd-selected { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); - } - - &.atbd-inactive { - opacity: 0.5; - } - - &[class^="atbd-page-jump-"] { - min-width: 30px; - min-height: 30px; - position: relative; - cursor: pointer; - - .la { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - } - - .la_h { - visibility: hidden; - opacity: 0; - left: 70%; - transition: 0.3s ease; - } - - .la_d { - visibility: visible; - opacity: 1; - transition: 0.3s ease; - } - - &:hover { - color: var(--directorist-color-primary); - - .la_h { - visibility: visible; - opacity: 1; - left: 50%; - } - - .la_d { - visibility: hidden; - opacity: 0; - left: 30%; - } - } - } - } -} - -.directorist-card-review-block { - .directorist-btn-add-review { - padding: 0 14px; - line-height: 2.55; - } -} - - -/*================================== -Review: New Style -===================================*/ -.directorist-review-container { - padding: 0; - margin-bottom: 35px; - .comment-notes, - .comment-form-cookies-consent { - margin-bottom: 20px; - font-style: italic; - font-size: 14px; - font-weight: normal; - } -} - -.directorist-review-content { - a > i { - font-size: 13.5px; - } - - .directorist-btn > i { - margin-right: 5px; - } - - #cancel-comment-reply-link, - .directorist-js-cancel-comment-edit { - font-size: 14px; - margin-left: 15px; - color: var(--directorist-color-deep-gray); - - &:hover, - &:focus { - color: var(--directorist-color-dark); - } - @media screen and (max-width: 575px){ - margin-left: 0; - } - } - - .directorist-review-content { - @include e(header) { - 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; - h3:not(.directorist-card__header__title) { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 10px 0; - - span { - color: var(--directorist-color-body); - - &:before { - content: "-"; - color: #8F8E9F; - padding-right: 5px; - } - } - } - .directorist-btn{ - align-items: center; - .directorist-icon-mask{ - display: inline-block; - margin-right: 4px; - &::after{ - background-color: var(--directorist-color-white); - } - } - &:hover{ - opacity: 0.8; - } - } - .directorist-noreviews{ - font-size: 16px; - margin-bottom: 0; - padding: 19px 20px 15px; - a{ - color: $info; - } - } - } - - @include e(overview) { - display: flex; - align-items: center; - flex-wrap: wrap; - justify-content: space-between; - padding: 30px 50px; - - @include e(rating) { - flex: 0 0 50%; - text-align: center; - display: flex; - align-items: center; - - .directorist-rating-point { - font-size: 34px; - font-weight: 600; - color: #1A1B29; - display: block; - margin-right: 15px; - } - - .directorist-rating-stars { - font-size: 15px; - color: #EF8000; - display: flex; - align-items: center; - margin-bottom: 3px; - .directorist-icon-mask{ - &:after{ - width: 15px; - height: 15px; - background-color: #EF8000; - } - &.directorist_fraction_star { - position: relative; - &:before { - content: ''; - width: 100%; - height: 100%; - position: absolute; - left: 0; - mask-image: url("../../../../icons/font-awesome/svgs/solid/star-half.svg"); - background-color: #EF8000; - } - } - } - } - - .directorist-rating-overall { - font-size: 14px; - color: #8C90A4; - display: block; - } - } - - @include e(benchmarks) { - flex: 0 0 50%; - padding: 25px; - - .directorist-benchmark-single { - display: flex; - align-items: center; - flex-wrap: wrap; - margin: -6px; - - &>* { - margin: 6px !important; - } - - label { - flex: .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); - } - - progress { - flex: 1.5; - border-radius: 2px; - height: 5px; - box-shadow: none; - } - - progress::-webkit-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; - } - - progress::-webkit-progress-value { - background-color: #EF8000; - border-radius: 2px; - box-shadow: none; - } - - progress::-moz-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; - } - - progress::-moz-progress-value { - background-color: #EF8000; - border-radius: 2px; - box-shadow: none; - } - - strong { - flex: .1; - font-size: 15px; - font-weight: 500; - color: #090E30; - text-align: right; - } - } - } - } - - @include e(reviews) { - &, ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; - li{ - list-style-type: none; - margin-left: 0; - } - } - - & > li{ - border-top: 1px solid #EFF1F6; - &:not(:last-child) { - margin-bottom: 10px; - } - } - - .directorist-comment-edit-request { - position: relative; - &::after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, .8); - border-radius: 4px; - } - - &::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 .6s linear infinite; - } - } - - .directorist-comment-editing { - .directorist-review-single__report, - .directorist-review-single__content, - .directorist-review-single__reply { - display: none; - } - } - - .directorist-review-single { - padding: 25px; - border-radius: 0; - - a{ - text-decoration: none; - } - - .comment-body{ - margin-bottom: 0; - padding: 0; - } - - .directorist-review-single__contents-wrap { - margin: 0; - .directorist-review-single__header { - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: wrap; - margin-bottom: 20px; - - .directorist-review-single__author { - display: flex; - flex-wrap: wrap; - align-items: center; - margin: -8px; - - @include e(img) { - padding: 8px; - - img { - width: 50px; - object-fit: cover; - border-radius: 50%; - position: static; - } - } - - @include e(details) { - padding: 8px; - flex: 1; - - h2 { - font-size: 15px; - font-weight: 500; - color: #090E30; - margin: 0 0 5px; - &:before, - &:after{ - content: none; - } - - time { - display: inline-block; - font-size: 14px; - color: #8C90A4; - - &::before { - content: '-'; - padding-right: 8px; - padding-left: 3px; - } - } - } - - .directorist-rating-stars { - font-size: 11px; - color: #EF8000; - display: flex; - align-items: center; - margin-bottom: 3px; - .directorist-icon-mask{ - &::after{ - width: 11px; - height: 11px; - background-color: #EF8000; - } - } - } - } - } - - .directorist-review-single__report { - a { - font-size: 13px; - color: #8C90A4; - display: block; - } - } - } - - .directorist-review-single__content { - font-size: 16px; - @include e(img) { - display: flex; - flex-wrap: wrap; - margin: 15px -5px 0; - - img { - max-width: 100px; - object-fit: cover; - margin: 5px; - border-radius: 6px; - } - } - } - } - - @include e(feedback) { - display: flex; - flex-wrap: wrap; - align-items: center; - margin: 15px -5px 0; - - a { - margin: 5px; - font-size: 13px; - } - } - - @include e(reply) { - margin: 20px -8px 0; - display: flex; - align-items: center; - - a { - color: #8C90A4; - font-size: 13px; - display: block; - margin: 0 8px; - background: none; - &.directorist-comment-edit-link{ - display: inline-flex; - align-items: center; - .directorist-icon-mask{ - margin-right: 3px; - &::after{ - width: 0.9em; - height: 0.9em; - background-color: #8C90A4; - } - } - } - } - } - - @include e(comments) { - - .directorist-review-single--comment { - padding-left: 40px; - - .directorist-review-single__contents-wrap { - position: relative; - - &::before { - content: ''; - height: 100%; - background-color: #F2F2F2; - width: 2px; - left: -20px; - position: absolute; - top: 0; - } - } - } - } - .directorist-review-submit { - margin-top: 0 !important; - margin-bottom: 0 !important; - border: 0 none !important; - @include e(header){ - padding-left: 0; - padding-right: 0; - - h3 { - display: flex; - align-items: center; - justify-content: space-between; - max-width: 100%; - width: 100%; - margin: 0 !important; - } - } - // @include e(form){ - // } - } - } - } - - @include e(pagination) { - padding: 0; - margin: 25px 0 0; - ul { - border: 0 none; - display: flex; - align-items: center; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; - li { - padding: 4px; - list-style-type: none; - - .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); - } - - .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; - - @include e(header) { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - gap: 15px; - h3 { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 0; - span { - color: var(--directorist-color-body); - - &:before { - content: "-"; - color: #8F8E9F; - padding-right: 5px; - } - } - } - .directorist-btn{ - font-size: 13px; - align-items: center; - padding: 0 20px; - min-height: 40px; - border-radius: 8px; - .directorist-icon-mask{ - display: inline-block; - margin-right: 4px; - &::after{ - width: 13px; - height: 13px; - background-color: var(--directorist-color-white); - } - } - } - } - - @include e(overview) { - display: flex; - align-items: center; - flex-wrap: wrap; - justify-content: space-between; - padding: 30px 50px; - border-top: 0 none; - - @include e(rating) { - display: flex; - gap: 20px; - align-items: center; - text-align: center; - @media (max-width: 480px){ - flex: 0 0 100%; - .directorist-rating-stars { - justify-content: center; - } - } - .directorist-rating-point { - font-size: 40px; - font-weight: 600; - display: block; - color: var(--directorist-color-dark); - } - - .directorist-rating-stars { - font-size: 15px; - display: flex; - align-items: center; - margin-bottom: 5px; - color: var(--directorist-color-warning); - } - .directorist-icon-mask{ - &::after{ - width: 16px; - height: 16px; - background-color: var(--directorist-color-warning); - } - &.directorist_fraction_star { - position: relative; - &:before { - content: ''; - width: 100%; - height: 100%; - position: absolute; - left: 0; - mask-image: url("../../../../icons/font-awesome/svgs/solid/star-half.svg"); - background-color: var(--directorist-color-warning); - } - } - } - - .directorist-rating-overall { - font-size: 14px; - color: var(--directorist-color-body); - display: block; - } - } - - @include e(benchmarks) { - flex: 0 0 50%; - padding: 25px; - - .directorist-benchmark-single { - display: flex; - align-items: center; - flex-wrap: wrap; - margin: -6px; - - &>* { - margin: 6px !important; - } - - label { - flex: .1; - min-width: 70px; - display: inline-block; - margin-right: 4px; - &:after{ - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); - } - } - } - } - } - - @include e(reviews) { - &, ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; - margin-left: 0; - } - } - - & > li{ - border-top: 1px solid var(--directorist-color-border); - } - - .directorist-comment-edit-request { - position: relative; - &::after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, .8); - border-radius: 4px; - } - - & > li{ - border-top: 1px solid var(--directorist-color-border); - } - - .directorist-comment-edit-request { - position: relative; - &:after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, .8); - border-radius: 4px; - } - - &: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 .6s linear infinite; - } - } - } -} - -.directorist-review-single{ - .directorist-comment-editing { - .directorist-review-single__report, - .directorist-review-single__content, - .directorist-review-single__actions { - display: none; - } - } -} - -.directorist-review-content { - @include e(pagination) { - padding: 0; - margin: 25px 0 35px; - ul { - border: 0 none; - display: flex; - align-items: center; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; - } - li { - padding: 4px; - list-style-type: none; - - .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); - } - - .page-numbers.current { - border-color: #090E30; - } - } - } -} - -.directorist-review-single { - padding: 40px 30px; - margin: 0; - @media screen and (max-width: 575px){ - padding: 30px 20px; - } - a{ - text-decoration: none; - } - - .comment-body{ - margin-bottom: 0; - padding: 0; - p{ - font-size: 15px; - margin: 0; - color: var(--directorist-color-body); - } - em{ - font-style: normal; - } - } - - - .directorist-review-single__header { - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: wrap; - margin-bottom: 20px; - } - - @include e(author) { - display: flex; - flex-wrap: wrap; - align-items: flex-start; - - @include e(img) { - width: 50px; - height: 50px; - padding: 0; - img { - width: 50px; - height: 50px; - object-fit: cover; - border-radius: 50%; - position: static; - } - } - - @include e(details) { - flex: 1; - margin-left: 15px; - - h2 { - font-size: 15px; - font-weight: 500; - margin: 0 0 5px; - color: var(--directorist-color-dark); - } - - .directorist-rating-stars { - font-size: 11px; - display: flex; - align-items: center; - color: var(--directorist-color-warning); - .directorist-icon-mask{ - margin: 1px; - &:after{ - width: 11px; - height: 11px; - background-color: var(--directorist-color-warning); - } - } - } - .directorist-review-date{ - display: inline-block; - font-size: 13px; - margin-left: 14px; - color: var(--directorist-color-deep-gray); - } - } - } - - @include e(report) { - a { - font-size: 13px; - color: #8C90A4; - display: block; - } - } - - @include e(content) { - p{ - font-size: 15px; - color: var(--directorist-color-body); - } - } - - @include e(feedback) { - display: flex; - flex-wrap: wrap; - align-items: center; - margin: 15px -5px 0; - - a { - margin: 5px; - font-size: 13px; - } - } - - @include e(actions) { - margin: 20px -8px 0; - display: flex; - align-items: center; - - a { - font-size: 13px; - display: inline-flex; - align-items: center; - background: none; - margin: 0 8px; - color: var(--directorist-color-deep-gray); - .directorist-icon-mask{ - margin-right: 6px; - &::after{ - width: 13.5px; - height: 13.5px; - background-color: var(--directorist-color-deep-gray);; - } - } - - } - } - - .directorist-review-meta { - display: flex; - gap: 15px; - flex-wrap: wrap; - @media screen and (max-width: 575px){ - gap: 10px; - } - .directorist-review-date { - margin: 0; - } - } - - .directorist-review-submit { - margin-top: 0; - margin-bottom: 0; - border: 0 none; - box-shadow: 0 0; - @include e(header){ - padding-left: 0; - padding-right: 0; - } - .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 { - padding: 18px 40px; - &:last-child{ - padding-bottom: 0; - } - .directorist-review-single__header{ - margin-bottom: 15px; - } - .directorist-review-single__info{ - position: relative; - &:before{ - position: absolute; - left: -20px; - top: 0; - width: 2px; - height: 100%; - content: ''; - background-color: var(--directorist-color-border-gray) - } - } - } -} - -.directorist-review-submit { - @include e(header) { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - } - - @include e(form) { - margin: 0 !important; - - &:not(.directorist-form-comment-edit) { - padding: 25px; - } - - &#commentform, - &.directorist-form-comment-edit { - .directorist-form-group { - display: flex; - gap: 10px; - flex-wrap: wrap; - align-items: center; - justify-content: flex-start; - } - } - - .directorist-review-single .directorist-card__body { - padding-left: 0; - padding-right: 0; - } - - .directorist-alert { - margin-bottom: 20px; - padding: 10px 20px; - } - - .directorist-review-criteria { - margin-bottom: 25px; - @include e(single) { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 15px; - @include e(label) { - width: 100px; - word-wrap: break-word; - word-break: break-all; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0; - } - - .br-widget { - margin: -1px; - } - a { - 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; - - &:before { - content: ""; - mask-image: url("../../../../icons/line-awesome/svgs/star-solid.svg"); - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); - } - &:focus{ - background-color: #E1E4EC !important; - text-decoration: none !important; - outline: 0; - } - - &.br-selected, - &.br-active { - background-color: var(--directorist-color-warning) !important; - text-decoration: none; - outline: 0; - } - } - - .br-current-rating { - display: inline-block; - margin-left: 20px; - font-size: 14px; - font-weight: 500; - } - } - } - - .directorist-form-group { - &:not(:last-child) { - margin-bottom: 20px; - } - - textarea { - background-color: #F6F7F9; - font-size: 15px; - display: block; - resize: vertical; - margin: 0; - &:focus{ - background-color: #F6F7F9; - } - } - - label { - display: block; - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); - margin-bottom: 5px; - } - - input[type="text"], - input[type="email"], - input[type="url"] { - height: 46px; - background-color: var(--directorist-color-white); - margin: 0; - &::placeholder{ - color: var(--directorist-color-deep-gray); - } - } - } - - .form-group-comment{ - display: flex; - &.directorist-form-group{ - margin-bottom: 42px; - @media screen and (max-width: 575px){ - margin-bottom: 30px; - } - } - textarea{ - 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); - &:focus{ - border: 2px solid var(--directorist-color-border-gray) - } - } - } - - .directorist-review-media-upload { - display: flex; - align-items: center; - flex-wrap: wrap; - - input[type=file] { - display: none; - } - - label { - 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; - - i { - font-size: 26px; - color: #AFB2C4; - } - - span { - display: block; - font-size: 14px; - color: var(--directorist-color-body); - margin-top: 6px; - } - } - } - .directorist-review-img-gallery { - display: flex; - flex-wrap: wrap; - margin: -5px -5px -5px 5px; - } - .directorist-review-gallery-preview { - position: relative; - margin: 5px; - - .directorist-review-img-gallery { - display: flex; - flex-wrap: wrap; - gap: 5px; - } - - .directorist-review-gallery-preview { - position: relative; - - &:hover{ - .directorist-btn-delete{ - opacity: 1; - visibility: visible; - } - } - - img { - width: 115px; - height: 100px; - max-width: 115px; - object-fit: cover; - border-radius: 8px; - } - - .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; - } - } - - img { - width: 115px; - height: 100px; - max-width: 115px; - object-fit: cover; - border-radius: 8px; - } - - .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-btn{ - padding: 0 20px; - } -} - -.directorist-review-content + .directorist-review-submit.directorist-review-submit--hidden { - display: none !important; -} - -@keyframes directoristCommentEditLoading { - to { - transform: rotate(360deg); - } -} \ No newline at end of file diff --git a/assets/src/scss/component/listings/_general.scss b/assets/src/scss/component/listings/_general.scss deleted file mode 100644 index 79538fa773..0000000000 --- a/assets/src/scss/component/listings/_general.scss +++ /dev/null @@ -1,57 +0,0 @@ -.directorist-form-section{ - 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; -} - -// All Listing Modal Btn -.directorist-all-listing-btn { - display: flex; - gap: 20px; - align-items: center; - padding-bottom: 20px; - justify-content: space-between; - @include e(basic) { - flex: 1; - } - .directorist-btn__back { - i::after { - width: 16px; - height: 16px; - } - } - .directorist-modal-btn--basic { - display: flex; - flex: 1; - gap: 10px; - min-height: 40px; - border-radius: 30px; - align-items: center; - i::after { - width: 16px; - height: 16px; - transform: rotate(270deg); - } - } - .directorist-modal-btn--advanced { - i::after { - width: 16px; - height: 16px; - } - } -} - -@media screen and (min-width: 576px) { - .directorist-all-listing-btn, - .directorist-all-listing-modal { - display: none; - } -} diff --git a/assets/src/scss/component/listings/_listing-card.scss b/assets/src/scss/component/listings/_listing-card.scss deleted file mode 100644 index a3ba6e852d..0000000000 --- a/assets/src/scss/component/listings/_listing-card.scss +++ /dev/null @@ -1,1471 +0,0 @@ -// Single Listing Style -.directorist-content-active { - .directorist-listing-single { - flex: 1; - font-size: 15px; - margin-bottom: 15px; - - @include m(bg) { - border-radius: 10px; - background-color: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - } - - // Single Listing Content - @include e(content) { - border-radius: 4px; - } - - @include e(info) { - display: flex; - flex-wrap: wrap; - gap: 8px; - position: relative; - padding: 33px 20px 24px; - - &:empty { - display: none; - } - - @include e(top) { - display: flex; - align-items: center; - flex-wrap: wrap; - flex: 1; - gap: 6px; - - .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); - } - - .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); - } - - .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); - } - - .directorist-info-item.directorist-rating-meta { - display: inline-flex; - align-items: center; - } - - .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); - - i { - display: none; - } - } - } - - @include e(list) { - display: flex; - gap: 10px; - flex-direction: column; - margin: 10px 0 0; - padding: 0; - width: 100%; - - @media only screen and (max-width: 575px) { - gap: 8px; - } - - li, - >div { - display: flex; - gap: 10px; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-body); - - .directorist-icon-mask { - position: relative; - top: 2px; - - &:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - } - } - - .directorist-listing-card-info-label { - display: none; - } - } - - .directorist-icon { - font-size: 17px; - color: var(--directorist-color-body); - margin-right: 8px; - } - - a { - text-decoration: none; - color: var(--directorist-color-body); - word-break: break-word; - - &:hover { - color: var(--directorist-color-primary); - } - } - - .directorist-listing-card-location-list { - display: block; - margin: 0; - } - - @include e(label) { - display: inline-block; - margin-right: 5px; - } - } - - @include m(right) { - display: flex; - align-items: center; - gap: 20px; - position: absolute; - right: 20px; - top: 20px; - - @media screen and (max-width: 991px) { - gap: 15px; - } - - @media screen and (max-width: 575px) { - gap: 10px; - } - } - - @include e("excerpt") { - margin: 10px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 20px; - text-align: left; - - a { - color: var(--directorist-color-primary); - text-decoration: underline; - - &:hover { - color: var(--directorist-color-body); - } - } - } - - @include e("top-right") { - display: flex; - align-items: flex-start; - gap: 20px; - width: 100%; - - @media screen and (max-width: 575px) { - flex-wrap: wrap; - gap: 5px; - - .directorist-mark-as-favorite { - position: absolute; - top: 20px; - left: -30px; - } - } - - .directorist-listing-single__info--right { - position: unset; - } - } - - a { - text-decoration: none; - box-shadow: none; - color: var(--directorist-color-body); - transition: color 0.3s ease; - - &:hover { - color: var(--directorist-color-primary); - } - } - - .directorist-info-item { - font-size: 14px; - line-height: 18px; - position: relative; - display: inline-block; - - &:not(:last-of-type) { - padding-right: 10px; - - &:after { - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); - border-radius: 50%; - width: 3px; - height: 3px; - content: ""; - background-color: #bcbcbc; - } - - &.directorist-badge { - margin-right: 8px; - padding-right: 3px; - - &:after { - right: -8px; - } - } - } - - &.directorist-rating-meta { - display: inline-flex; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 1; - color: var(--directorist-color-body); - - .directorist-icon-mask { - margin-right: 4px; - } - - .directorist-icon-mask:after { - width: 12px; - height: 12px; - } - } - - &.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-review { - display: block; - margin-left: 6px; - font-size: 14px; - color: var(--directorist-color-light-gray); - text-decoration: underline; - } - - &.directorist-listing-category, - &.directorist-listing-location { - display: inline-flex; - align-items: flex-start; - gap: 5px; - - .directorist-icon-mask { - margin-top: 2px; - } - - &:after { - top: 10px; - transform: unset; - } - } - } - - .directorist-badge+.directorist-badge { - margin-left: 3px; - } - - .directorist-listing-tagline { - flex: 0 0 100%; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-light-gray); - } - - .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 20px; - margin: 0; - flex: 0 0 100%; - - a { - text-decoration: none; - color: var(--directorist-color-dark); - - &:hover { - color: var(--directorist-color-primary); - } - } - } - - .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) { - font-weight: 700; - } - } - } - } - - @include e(meta) { - 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); - - @include e(left) { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 20px; - } - - @include e(right) { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 20px; - } - - .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; - - &:hover { - color: var(--directorist-color-primary); - } - } - } - - .directorist-view-count { - font-size: 14px; - color: var(--directorist-color-body); - display: flex; - align-items: center; - gap: 5px; - - .directorist-icon-mask { - &:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-light-gray); - } - } - - /* Legacy Icon */ - >span { - display: inline-block; - margin-right: 5px; - } - } - - .directorist-thumb-listing-author { - a { - width: 38px; - height: 38px; - display: inline-block; - vertical-align: middle; - } - - img { - width: 100%; - height: 100%; - border-radius: 50%; - } - } - - .directorist-mark-as-favorite__btn { - width: auto; - height: auto; - } - - .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; - - &:after { - background-color: var(--directorist-color-primary); - width: 14px; - height: 14px; - } - } - - /* Legacy Icon */ - >span { - width: 36px; - height: 36px; - border-radius: 50%; - background-color: #f3f3f3; - display: inline-flex; - align-items: center; - justify-content: center; - margin-right: 10px; - - &:before { - color: var(--directorist-color-body); - } - } - } - - @include e("extran-count") { - font-size: 14px; - font-weight: 500; - } - } - - .directorist-rating-meta, - .directorist-listing-card-phone { - display: flex; - align-items: center; - font-size: 14px; - } - - .directorist-listing-card-phone { - gap: 5px; - - a { - text-decoration: none; - } - } - } - - @include e(thumb) { - position: relative; - margin: 0; - - .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-thumnail-card-front-wrap, - .directorist-thumnail-card-back-wrap { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; - width: 100%; - overflow: hidden; - z-index: 2; - - figure { - width: 100%; - height: 100%; - } - } - - &.directorist-card-contain { - .directorist-thumnail-card-front-img { - object-fit: contain; - } - } - - &.directorist-card-full { - min-height: 300px; - } - } - - .directorist-thumnail-card-back-wrap { - z-index: 1; - } - - .directorist-thumnail-card-front-img, - .directorist-thumnail-card-back-img { - width: 100%; - height: 100%; - object-fit: cover; - margin: 0; - } - - .directorist-thumnail-card-back-img { - filter: blur(5px); - } - - .directorist-thumb-top-left { - left: 20px; - top: 20px; - } - - .directorist-thumb-top-right { - top: 20px; - right: 20px; - } - - .directorist-thumb-bottom-left { - left: 20px; - bottom: 30px; - } - - .directorist-thumb-bottom-right { - right: 20px; - bottom: 30px; - } - - .directorist-thumb-top-right, - .directorist-thumb-top-left, - .directorist-thumb-bottom-left, - .directorist-thumb-bottom-right { - position: absolute; - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 6px; - - .directorist-compare-btn { - - i, - span.la, - span.las, - span.fa, - span.fas, - span.lab, - span.fab { - color: var(--directorist-color-white); - } - } - } - } - - @include e(header) { - @include e(left) { - .directorist-thumb-listing-author { - position: unset !important; - transform: unset !important; - } - } - } - - figure { - margin: 0; - } - - .directorist-listing-single__header__left, - .directorist-listing-single__header__right, - .directorist-thumb-bottom-left, - .directorist-thumb-bottom-right { - .directorist-thumb-listing-author { - position: unset !important; - transform: unset !important; - } - } - - .directorist-badge { - margin: 3px; - - &.directorist-badge-popular { - background-color: #f51957; - } - - &.directorist-badge-open { - background-color: var(--directorist-color-success); - } - - &.directorist-badge-close { - background-color: var(--directorist-color-danger); - } - - &.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - } - - &.directorist-badge-featured { - background-color: #fa8b0c; - } - - &.directorist-badge-negotiation { - background-color: var(--directorist-color-info); - } - - &.directorist-badge-sold { - background-color: var(--directorist-color-danger); - } - } - - .directorist_open_status_badge { - display: flex; - } - - .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - top: auto; - bottom: 35px; - - &:before { - top: auto; - bottom: -7px; - transform: rotate(180deg); - } - } - - // Single Listing Card - &.directorist-listing-card { - .directorist-listing-single__thumb { - margin: 0; - position: relative; - padding: 10px 10px 0 10px; - - .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-listing-price { - color: var(--directorist-color-danger); - } - } - } - - .directorist-thumnail-card-front-img { - border-radius: 10px; - } - - .directorist-thumb-listing-author { - position: absolute; - bottom: 0; - top: unset; - transform: translateY(50%); - display: flex; - z-index: 1; - - &.directorist-alignment-left { - left: 20px; - } - - &.directorist-alignment-right { - right: 20px; - } - - &.directorist-alignment-center { - left: 50%; - transform: translate(-50%, 50%); - } - - img { - width: 100%; - border-radius: 50%; - height: auto; - background-color: var(--directorist-color-bg-gray); - } - - a { - display: inline-flex; - width: 100%; - border-radius: 50%; - width: 42px; - height: 42px; - border: 3px solid var(--directorist-color-border); - } - } - - .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background-color: var(--directorist-color-white); - } - } - - // Single Listing List - &.directorist-listing-list { - @media screen and (min-width: 576.99px) { - display: flex; - flex-wrap: wrap; - } - - @media screen and (max-width: 575px) { - .directorist-rating-meta { - i:not(:first-child) { - display: none; - } - - .directorist-icon-mask:after { - width: 10px; - height: 10px; - } - - .directorist-rating-avg { - margin-left: 0; - font-size: 12px; - font-weight: normal; - } - - .directorist-total-review { - font-size: 12px; - } - } - - .directorist-listing-price { - font-size: 12px; - font-weight: 600; - } - - .directorist-listing-single__meta { - font-size: 12px; - } - - .directorist-icon-mask:after { - width: 14px; - height: 14px; - } - - .directorist-listing-single__info__excerpt { - font-size: 12px; - line-height: 1.6; - } - - .directorist-listing-single__info__list { - - >li, - >div { - font-size: 12px; - line-height: 1.2; - gap: 8px; - } - } - - .directorist-view-count, - .directorist-listing-category a, - .directorist-listing-category__extran-count { - font-size: 12px; - } - - .directorist-listing-category__popup { - margin-left: 5px; - } - - .directorist-thumb-listing-author a, - .directorist-listing-category>a .directorist-icon-mask { - width: 30px; - height: 30px; - } - - .directorist-listing-single__info__list .directorist-icon-mask { - top: 0; - } - - .directorist-listing-single__info__list .directorist-icon-mask:after { - width: 12px; - height: 14px; - } - } - - .directorist-listing-single { - @include e("thumb") { - margin: 0; - - @media only screen and (min-width: 576.99px) { - flex: 1; - max-width: 320px; - min-height: 240px; - padding: 10px 0 10px 10px; - } - - @media only screen and (max-width: 575px) { - padding: 10px 10px 0 10px; - - .directorist-badge { - width: 20px; - height: 20px; - } - - .directorist-favorite-icon:before, - .directorist-badge .directorist-icon-mask:after { - width: 10px; - height: 10px; - } - } - - .directorist-thumnail-card { - @media only screen and (min-width: 576.99px) { - height: 100% !important; - } - } - - .directorist-thumnail-card .directorist-thumnail-card-front-img { - border-radius: 10px; - } - } - - @include e("content") { - display: flex; - flex-direction: column; - justify-content: space-between; - flex: 2; - padding: 10px 0 10px; - - @media screen and (max-width: 575px) { - padding: 0; - - .directorist-listing-single__meta { - display: none; - } - } - } - - @include e("mobile-view-meta") { - flex: 0 0 100%; - - @media screen and (min-width: 575px) { - display: none; - } - } - - @include e("info") { - display: flex; - flex-direction: column; - align-items: flex-start; - padding: 18px 20px 15px; - - &:empty { - display: none; - } - - @include e("list") { - margin: 10px 0 0; - } - - @include e("excerpt") { - margin: 10px 0 0; - } - - @media only screen and (max-width: 575px) { - padding-top: 10px; - - .directorist-listing-title { - margin: 0; - font-size: 14px; - } - } - } - - @include e("action") { - display: flex; - gap: 20px; - align-items: center; - } - } - - .directorist-listing-single__info--right { - .directorist-badge { - margin: 0; - - &:after { - display: none; - } - } - - @media only screen and (max-width: 575px) { - right: unset; - left: -30px; - top: 20px; - - .directorist-favorite-icon { - width: 20px; - height: 20px; - border-radius: 100%; - background-color: var(--directorist-color-white); - } - - .directorist-favorite-icon:before { - width: 10px; - height: 10px; - } - } - } - - .directorist-thumb-top-left { - left: 20px; - top: 20px; - } - - .directorist-thumb-top-right { - top: 20px; - right: 10px; - - @media only screen and (max-width: 575px) { - right: unset; - left: 20px; - flex-direction: column; - } - } - - .directorist-thumb-bottom-left { - left: 20px; - bottom: 20px; - } - - .directorist-thumb-bottom-right { - right: 10px; - bottom: 20px; - } - - .directorist-listing-single__info .directorist-badge { - margin: 0; - padding: 0; - - &:after { - display: none; - } - } - - .directorist-listing-single__meta { - @media only screen and (min-width: 576.99px) { - padding: 14px 20px 7px; - } - } - } - - &.directorist-listing-card, - &.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-icon-mask:after { - width: 12px; - height: 12px; - } - - &.directorist-badge--only-text, - &.directorist-badge-open, - &.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) { - height: 18px; - line-height: 18px; - font-size: 8px; - } - } - - &.directorist-badge-popular { - background-color: var(--directorist-color-white); - } - - &.directorist-badge-new { - background-color: var(--directorist-color-white); - } - - &.directorist-badge-featured { - background-color: var(--directorist-color-white); - } - - &.directorist-badge--only-text { - &.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); - color: var(--directorist-color-white); - } - - &.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); - color: var(--directorist-color-white); - } - - &.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - color: var(--directorist-color-white); - } - } - } - } - - // Featured Listing - &.directorist-featured { - border: 1px solid var(--directorist-color-featured-badge); - } - - // No Thumbnail - &.directorist-listing-no-thumb { - .directorist_open_status_badge { - display: flex; - } - - .directorist-listing-single__info { - z-index: 1; - } - - .directorist-listing-single__header { - align-items: center; - justify-content: space-between; - - figure { - margin: 0; - flex: none; - } - - .directorist-listing-single__header__left, - .directorist-listing-single__header__right { - &:empty { - display: none; - } - } - } - - @media screen and (max-width: 991px) { - .directorist-listing-single__header__title { - order: 2; - flex: 0 0 100%; - } - } - - .directorist-mark-as-favorite__btn { - background: transparent; - width: auto; - height: auto; - } - - &.directorist-listing-list { - .directorist-listing-single__content { - padding: 0; - } - } - - &.directorist-listing-no-thumb--fix { - .directorist-listing-single__header { - flex-wrap: wrap; - - .directorist-listing-single__header__left { - flex: 0 0 100%; - flex-wrap: wrap; - padding-right: 0; - } - - .directorist-listing-single__header__right { - margin-top: 15px; - } - } - } - } - } -} - -// Rating Meta -.directorist-rating-meta { - padding: 0; - - i.directorist-icon-mask { - &:after { - background-color: var(--directorist-color-warning); - } - - &.star-empty:after { - background-color: #d1d1d1; - } - } - - .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 3px 0 6px; - } - - .directorist-total-review { - font-weight: 400; - color: var(--directorist-color-light-gray); - } - - &.directorist-info-item-rating { - - i, - span.la, - span.fa { - margin-left: 4px; - } - } -} - -/* mark as favorite btn */ -.directorist-mark-as-favorite__btn { - 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; - - &:hover, - &:focus { - outline: 0; - text-decoration: none; - - .directorist-favorite-icon { - &:before { - background-color: var(--directorist-color-danger); - } - } - } - - .directorist-favorite-icon { - display: flex; - align-items: center; - justify-content: center; - - &:before { - content: ""; - mask-image: url("../../../../icons/line-awesome/svgs/heart.svg"); - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: var(--directorist-color-danger); - transition: 0.3s ease; - } - } - - &.directorist-added-to-favorite { - .directorist-favorite-icon { - &:before { - mask-image: url("../../../../icons/line-awesome/svgs/heart-solid.svg"); - background-color: var(--directorist-color-danger); - } - } - } - - .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; - - &::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; - } - } - } -} - -/* listing card without thumbnail */ -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single { - @include e("header") { - display: flex; - gap: 15px; - flex-wrap: wrap; - position: relative; - align-items: flex-start; - padding: 20px 22px 0 22px; - - @include e(left) { - display: flex; - flex: 1; - gap: 12px; - align-items: center; - flex-wrap: wrap; - - .directorist-listing-single__badge { - display: flex; - gap: 12px; - flex-wrap: wrap; - align-items: center; - position: relative; - } - - .directorist-badge { - background-color: #f4f4f4; - } - } - - @include e(title) { - // order: 1; - // flex: 0 0 100%; - flex: 1; - } - - .directorist-thumb-listing-author { - position: unset; - transform: unset; - - a { - display: flex; - } - - img { - height: 100%; - width: 100%; - max-width: none; - border-radius: 50%; - } - } - - .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) { - font-size: 16px; - } - - a { - text-decoration: none; - color: var(--directorist-color-dark); - - &:hover { - color: var(--directorist-color-primary); - } - } - } - - .directorist-listing-tagline { - margin-bottom: 0; - } - } - - @include e("info") { - padding: 10px 22px 0; - display: flex; - flex-wrap: wrap; - align-items: center; - flex-direction: row; - - &:empty { - display: none; - } - - @include e(list) { - margin: 16px 0 10px; - - li { - .directorist-icon-mask { - position: relative; - top: 4px; - } - - .directorist-listing-card-info-label { - display: none; - } - - .directorist-icon { - font-size: 17px; - color: #444752; - margin-right: 8px; - } - - a, - span { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - box-shadow: none; - line-height: 1.7; - } - } - } - - @include e("excerpt") { - margin: 15px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: left; - - li { - color: var(--directorist-color-body); - margin: 0; - - &:not(:last-child) { - margin: 0 0 10px; - } - - >div { - margin-bottom: 2px; - font-size: 14px; - display: flex; - gap: 10px; - - .directorist-icon-mask { - position: relative; - top: 4px; - } - - .directorist-listing-card-info-label { - display: none; - } - } - - .directorist-icon { - font-size: 17px; - color: #444752; - margin-right: 8px; - } - - a { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - box-shadow: none; - line-height: 1.7; - - &:hover { - color: var(--directorist-color-primary); - } - } - } - - a { - color: var(--directorist-color-primary); - text-decoration: underline; - - &:hover { - color: var(--directorist-color-body); - } - } - } - } - - @include e(content) { - border: 0 none; - padding: 10px 22px 25px; - } - - @include e("meta") { - @include e(right) { - .directorist-mark-as-favorite__btn { - width: auto; - height: auto; - } - } - } - - @include e("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__info { - padding: 0; - } - } - - &.directorist-listing-no-thumb { - .directorist-info-item.directorist-badge { - padding: 0; - margin: 0; - - &:after { - display: none; - } - - &.directorist-badge-open, - &.directorist-badge-close { - padding: 0 5px; - } - } - - .directorist-mark-as-favorite__btn { - width: auto; - height: auto; - } - } -} - -// Directorist Archive Grid Fix -.directorist-archive-grid-view { - &.directorist-archive-grid--fix .directorist-all-listing-col { - width: 50%; - - @media only screen and (max-width: 575px) { - width: 100%; - } - } -} \ No newline at end of file diff --git a/assets/src/scss/component/listings/_listing-category.scss b/assets/src/scss/component/listings/_listing-category.scss deleted file mode 100644 index 15e3a1f38a..0000000000 --- a/assets/src/scss/component/listings/_listing-category.scss +++ /dev/null @@ -1,90 +0,0 @@ -.directorist-listing-category { - display: flex; - align-items: center; - - @include e(popup) { - position: relative; - margin-left: 10px; - cursor: pointer; - display: flex; - @include e(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); - 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; - &:after{ - content: ""; - left: 40px; - bottom: -11px; - border: 6px solid transparent; - border-top-color: var(--directorist-color-white); - display: inline-block; - position: absolute; - } - - a { - color: var(--directorist-color-body); - display: flex; - gap: 12px; - align-items: flex-start; - line-height: normal; - padding: 10px; - border-radius: 8px; - &:last-child { - margin-bottom: 0; - } - i { - height: unset; - width: unset; - min-width: unset; - } - i::after { - height: 14px; - width: 14px; - background-color: var(--directorist-color-body); - } - - &:hover { - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); - i::after { - background-color: var(--directorist-color-primary); - } - } - } - } - - &: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; - &:after { - left: unset; - right: 40px; - } - } -} \ No newline at end of file diff --git a/assets/src/scss/component/listings/_listing-map.scss b/assets/src/scss/component/listings/_listing-map.scss deleted file mode 100644 index 4734fd251d..0000000000 --- a/assets/src/scss/component/listings/_listing-map.scss +++ /dev/null @@ -1,485 +0,0 @@ -#map.leaflet-container, -#gmap.leaflet-container, -.directorist-single-map.leaflet-container { - /*rtl:ignore*/ - direction: ltr; - - .leaflet-popup-content-wrapper { - border-radius: 8px; - padding: 0; - } - .leaflet-popup-content { - margin: 0; - line-height: 1; - width: 350px !important; - @media only screen and (max-width: 480px) { - width: 300px !important; - } - @media only screen and (max-width: 375px) { - width: 250px !important; - } - .atbdp-map.atbdp-body { - img { - width: 100%; - } - } - - .media-body { - padding: 10px 15px; - - a { - text-decoration: none; - } - - h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; - } - } - - .atbdp-listings-title-block { - h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; - } - } - - .osm-iw-location { - margin-bottom: 6px; - display: flex; - align-items: center; - .directorist-icon-mask { - display: inline-block; - margin-right: 4px; - } - } - .osm-iw-get-location { - display: flex; - align-items: center; - .directorist-icon-mask { - display: inline-block; - margin-left: 5px; - } - } - - .atbdp-map { - margin: 0; - line-height: 1; - width: 350px !important; - } - - .atbdp-map.atbdp-body { - img { - width: 100%; - } - } - - .media-body { - padding: 10px 15px; - - a { - text-decoration: none; - } - - h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; - } - - .atbdp-listings-title-block { - h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; - } - } - - .osm-iw-location { - margin-bottom: 6px; - display: flex; - align-items: center; - .directorist-icon-mask { - display: inline-block; - margin-right: 4px; - } - } - .osm-iw-get-location { - display: flex; - align-items: center; - .directorist-icon-mask { - display: inline-block; - margin-left: 5px; - } - } - } - - .atbdp-map { - margin: 0; - } - - .map-info-wrapper { - img { - width: 100%; - } - - .map-info-details { - padding: 15px; - - h3 { - font-size: 16px; - margin-bottom: 0; - margin-top: 0; - } - - .miw-contents-footer { - .iw-close-btn { - display: none; - } - } - } - } - } - - .leaflet-popup-close-button { - position: absolute; - width: 25px; - height: 25px; - background: rgba(#444752, 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; - &:hover { - background-color: #444752; - } - } - - .leaflet-popup-tip-container { - display: none; - } -} - -.directorist-single-map { - .gm-style-iw-c, - .gm-style-iw-d { - max-height: unset !important; - } - .gm-style-iw-tc, - .gm-style-iw-chr { - display: none; - } -} - -// Listing Card in Map -.map-listing-card-single { - 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); - - figure { - margin: 0; - } - - .directorist-mark-as-favorite__btn { - position: absolute; - top: 20px; - right: 20px; - width: 30px; - height: 30px; - border-radius: 100%; - background-color: var(--directorist-color-white); - .directorist-favorite-icon::before { - width: 16px; - height: 16px; - } - } - @include e(img) { - .atbd_tooltip { - margin-left: 10px; - margin-bottom: 10px; - img { - width: auto; - } - } - a { - width: 100%; - display: inline-flex; - } - figure { - width: 100%; - margin: 0; - } - img { - width: 100%; - max-width: 100%; - max-height: 200px; - object-fit: cover; - border-radius: 8px; - } - } - @include e(author) { - + .map-listing-card-single__content { - padding-top: 0; - } - a { - 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); - } - img { - width: 100%; - height: 100%; - border-radius: 100%; - } - } - @include e(content) { - padding: 15px 10px 10px; - @include e(title) { - font-size: 16px; - font-weight: 500; - margin: 0 0 10px !important; - color: var(--directorist-color-dark); - a { - text-decoration: unset; - color: var(--directorist-color-dark); - &:hover { - color: var(--directorist-color-primary); - } - } - } - - @include e(meta) { - display: flex; - flex-wrap: wrap; - align-items: center; - margin: 0 0 20px; - gap: 10px 0; - .directorist-rating-meta { - display: inline-flex; - align-items: center; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); - padding: 0; - } - .directorist-icon-mask { - margin-right: 4px; - &:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-warning); - } - &.star-empty:after { - background-color: #d1d1d1; - } - } - .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 3px 0 6px; - } - .directorist-listing-price { - font-size: 14px; - color: var(--directorist-color-body); - } - .directorist-info-item { - position: relative; - &:not(:last-child) { - padding-right: 8px; - margin-right: 8px; - &: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); - } - } - } - } - @include e(info) { - display: flex; - gap: 10px; - flex-direction: column; - .directorist-info-item { - display: flex; - gap: 10px; - } - a { - font-size: 14px; - font-weight: 400; - line-height: 1.3; - text-decoration: unset; - color: var(--directorist-color-body); - &:hover { - color: var(--directorist-color-primary); - } - } - .directorist-icon-mask:after { - width: 15px; - height: 15px; - margin-top: 2px; - background-color: var(--directorist-color-gray-hover); - } - } - @include e(location) { - display: flex; - flex-wrap: wrap; - align-items: center; - a { - &:not(:first-child) { - margin-left: 5px; - } - } - } - } -} - -.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; -} - -.atbd_map_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); - &:before { - 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; - } - .directorist-icon-mask { - &:after { - width: 9px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - mask: url("../../../../icons/font-awesome/svgs/solid/map-pin.svg"); - } - } - &:hover { - &:before { - opacity: 1; - visibility: visible; - } - } -} - -.marker-cluster-shape { - 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; - - &: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%; - } -} - -/*style the box*/ -.atbdp-map, -.atbd_google_map, -.directorist-details-info-wrap { - .gm-style .gm-style-iw { - width: 350px; - padding: 0; - border-radius: 8px; - box-shadow: unset; - max-height: none !important; - @media only screen and (max-width: 375px) { - width: 275px; - max-width: unset !important; - } - - .gm-style-iw-d { - overflow: hidden !important; - max-height: 100% !important; - } - - button.gm-ui-hover-effect { - display: none !important; - } - - .map-info-wrapper { - @include m(show) { - display: block !important; - } - } - } -} - -.gm-style { - div[aria-label="Map"] { - div[role="button"] { - display: none; - } - } -} diff --git a/assets/src/scss/component/listings/_listing-meta.scss b/assets/src/scss/component/listings/_listing-meta.scss deleted file mode 100644 index 4e876a71b4..0000000000 --- a/assets/src/scss/component/listings/_listing-meta.scss +++ /dev/null @@ -1,10 +0,0 @@ -.directorist-listing-price-range { - span { - font-weight: 600; - color: rgba(122, 130, 166, 0.3); - - &.directorist-price-active { - color: var(--directorist-color-body); - } - } -} \ No newline at end of file diff --git a/assets/src/scss/component/openstreet-map/_leaflet.scss b/assets/src/scss/component/openstreet-map/_leaflet.scss deleted file mode 100644 index 12a4c97afb..0000000000 --- a/assets/src/scss/component/openstreet-map/_leaflet.scss +++ /dev/null @@ -1,640 +0,0 @@ -/* required styles */ - -.leaflet-pane, -.leaflet-tile, -.leaflet-marker-icon, -.leaflet-marker-shadow, -.leaflet-tile-container, -.leaflet-pane > svg, -.leaflet-pane > canvas, -.leaflet-zoom-box, -.leaflet-image-layer, -.leaflet-layer { - position: absolute; - left: 0; - top: 0; -} -.leaflet-container { - overflow: hidden; -} -.leaflet-tile, -.leaflet-marker-icon, -.leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - -webkit-user-drag: none; -} -/* Prevents IE11 from highlighting tiles in blue */ -.leaflet-tile::selection { - 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; -} -/* hack that prevents hw layers "stretching" when loading new tiles */ -.leaflet-safari .leaflet-tile-container { - width: 1600px; - height: 1600px; - -webkit-transform-origin: 0 0; -} -.leaflet-marker-icon, -.leaflet-marker-shadow { - display: block; -} -/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ -/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ -.leaflet-container .leaflet-overlay-pane svg, -.leaflet-container .leaflet-marker-pane img, -.leaflet-container .leaflet-shadow-pane img, -.leaflet-container .leaflet-tile-pane img, -.leaflet-container img.leaflet-image-layer, -.leaflet-container .leaflet-tile { - 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; -} -.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; -} -.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - -ms-touch-action: none; - touch-action: none; -} -.leaflet-container { - -webkit-tap-highlight-color: transparent; -} -.leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); -} -.leaflet-tile { - filter: inherit; - visibility: hidden; -} -.leaflet-tile-loaded { - visibility: inherit; -} -.leaflet-zoom-box { - 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; -} - -.leaflet-pane { z-index: 400; } -.leaflet-tile-pane { z-index: 200; } -.leaflet-overlay-pane { z-index: 400; } -.leaflet-shadow-pane { z-index: 500; } -.leaflet-marker-pane { z-index: 600; } -.leaflet-tooltip-pane { z-index: 650; } -.leaflet-popup-pane { z-index: 700; } - -.leaflet-map-pane canvas { z-index: 100; } -.leaflet-map-pane svg { z-index: 200; } - -.leaflet-vml-shape { - width: 1px; - height: 1px; -} -.lvml { - 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; -} -.leaflet-top, -.leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; -} -.leaflet-top { - top: 0; -} -.leaflet-right { - right: 0; - display: none; -} -.leaflet-bottom { - bottom: 0; -} -.leaflet-left { - left: 0; -} -.leaflet-control { - float: left; - clear: both; -} -.leaflet-right .leaflet-control { - float: right; -} -.leaflet-top .leaflet-control { - margin-top: 10px; -} -.leaflet-bottom .leaflet-control { - margin-bottom: 10px; -} -.leaflet-left .leaflet-control { - margin-left: 10px; -} -.leaflet-right .leaflet-control { - margin-right: 10px; -} - - -/* zoom and fade animations */ - -.leaflet-fade-anim .leaflet-tile { - will-change: opacity; -} -.leaflet-fade-anim .leaflet-popup { - 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; -} -.leaflet-zoom-animated { - -webkit-transform-origin: 0 0; - -ms-transform-origin: 0 0; - transform-origin: 0 0; -} -.leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; -} -.leaflet-zoom-anim .leaflet-zoom-animated { - -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; - -moz-transition: none; - transition: none; -} - -.leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; -} - - -/* cursors */ -.leaflet-interactive { - cursor: pointer; -} -.leaflet-grab { - cursor: -webkit-grab; - cursor: -moz-grab; - cursor: grab; -} -.leaflet-crosshair, -.leaflet-crosshair .leaflet-interactive { - cursor: crosshair; -} -.leaflet-popup-pane, -.leaflet-control { - cursor: auto; -} -.leaflet-dragging .leaflet-grab, -.leaflet-dragging .leaflet-grab .leaflet-interactive, -.leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: -webkit-grabbing; - cursor: -moz-grabbing; - cursor: grabbing; -} - -/* marker & overlays interactivity */ -.leaflet-marker-icon, -.leaflet-marker-shadow, -.leaflet-image-layer, -.leaflet-pane > svg path, -.leaflet-tile-container { - 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; -} - -/* visual tweaks */ - -.leaflet-container { - background-color: #ddd; - outline: 0; -} -.leaflet-container { - a, - .map-listing-card-single__content a { - color: #404040; - } -} -.leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; -} -.leaflet-zoom-box { - 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; -} - - -/* general toolbar styles */ - -.leaflet-bar { - 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; -} -.leaflet-bar a, -.leaflet-control-layers-toggle { - background-position: 50% 50%; - background-repeat: no-repeat; - display: block; -} -.leaflet-bar a:hover { - background-color: #f4f4f4; -} -.leaflet-bar a:first-child { - 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; -} -.leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; -} - -.leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; -} -.leaflet-touch .leaflet-bar a:first-child { - 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; -} - -/* zoom control */ - -.leaflet-control-zoom-in, -.leaflet-control-zoom-out { - 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; -} - - -/* layers control */ -.leaflet-control-layers { - box-shadow: 0 1px 5px rgba(0,0,0,0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; -} -.leaflet-control-layers-toggle { - // background-image: url('../../../images/layers.png'); - width: 36px; - height: 36px; -} -.leaflet-retina .leaflet-control-layers-toggle { - // background-image: url('../../../images/layers-2x.png'); - background-size: 26px 26px; -} -.leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; -} -.leaflet-control-layers .leaflet-control-layers-list, -.leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; -} -.leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; -} -.leaflet-control-layers-expanded { - 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; -} -.leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; -} -.leaflet-control-layers label { - display: block; -} -.leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -10px 5px -6px; -} - -/* Default icon URLs */ -.leaflet-default-icon-path { - // background-image: url( '../../../images/marker-icon.png' ); -} - - -/* attribution and scale controls */ -.leaflet-container .leaflet-control-attribution { - 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; -} -.leaflet-control-attribution a { - text-decoration: none; -} -.leaflet-control-attribution a:hover { - text-decoration: underline; -} -.leaflet-container .leaflet-control-attribution, -.leaflet-container .leaflet-control-scale { - font-size: 11px; -} -.leaflet-left .leaflet-control-scale { - margin-left: 5px; -} -.leaflet-bottom .leaflet-control-scale { - 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; - -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; -} -.leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; -} - -.leaflet-touch .leaflet-control-attribution, -.leaflet-touch .leaflet-control-layers, -.leaflet-touch .leaflet-bar { - 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; -} - - -/* popup */ - -.leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; -} -.leaflet-popup-content-wrapper { - padding: 1px; - text-align: left; - border-radius: 10px; -} -.leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; -} -.leaflet-popup-content p { - margin: 18px 0; -} -.leaflet-popup-tip-container { - 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); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); -} -.leaflet-popup-content-wrapper, -.leaflet-popup-tip { - 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; -} -.leaflet-container a.leaflet-popup-close-button:hover { - color: #999; -} -.leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; -} - -.leaflet-oldie .leaflet-popup-content-wrapper { - 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); -} -.leaflet-oldie .leaflet-popup-tip-container { - 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; -} - - -/* div icon */ -.leaflet-div-icon { - 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; - box-shadow: 0 1px 3px rgba(0,0,0,0.4); -} -.leaflet-tooltip.leaflet-clickable { - 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: ""; -} - -/* Directions */ - -.leaflet-tooltip-bottom { - margin-top: 6px; -} -.leaflet-tooltip-top { - margin-top: -6px; -} -.leaflet-tooltip-bottom:before, -.leaflet-tooltip-top:before { - left: 50%; - margin-left: -6px; -} -.leaflet-tooltip-top:before { - 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); -} -.leaflet-tooltip-left { - margin-left: -6px; -} -.leaflet-tooltip-right { - margin-left: 6px; -} -.leaflet-tooltip-left:before, -.leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; -} -.leaflet-tooltip-left:before { - 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); -} \ No newline at end of file diff --git a/assets/src/scss/component/openstreet-map/_openstreet.scss b/assets/src/scss/component/openstreet-map/_openstreet.scss deleted file mode 100644 index 6b12d2bffd..0000000000 --- a/assets/src/scss/component/openstreet-map/_openstreet.scss +++ /dev/null @@ -1,95 +0,0 @@ - -.directorist-content-active{ - #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; - } - - #gmap_full_screen_button { - 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; - i::after { - width: 22px; - height: 22px; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); - } - .fullscreen-disable { - display: none; - } - } - - #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; - } - - #progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; - } - - .gm-fullscreen-control { - 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; - } - - .gmnoprint{ - border-radius: 5px; - } - - .gm-style-cc, - .gm-style-mtc-bbw, - button.gm-svpc{ - display: none; - } - - .italic { - font-style: italic; - } - - .buttonsTable { - border: 1px solid grey; - border-collapse: collapse; - } - - .buttonsTable td, - .buttonsTable th { - padding: 8px; - border: 1px solid grey; - } - - .version-disabled { - text-decoration: line-through; - } - -} diff --git a/assets/src/scss/component/openstreet-map/index.css b/assets/src/scss/component/openstreet-map/index.css deleted file mode 100644 index 2886121338..0000000000 --- a/assets/src/scss/component/openstreet-map/index.css +++ /dev/null @@ -1,794 +0,0 @@ -/* required styles */ -.leaflet-pane, -.leaflet-tile, -.leaflet-marker-icon, -.leaflet-marker-shadow, -.leaflet-tile-container, -.leaflet-pane > svg, -.leaflet-pane > canvas, -.leaflet-zoom-box, -.leaflet-image-layer, -.leaflet-layer { - position: absolute; - left: 0; - top: 0; -} - -.leaflet-container { - overflow: hidden; -} - -.leaflet-tile, -.leaflet-marker-icon, -.leaflet-marker-shadow { - -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; -} - -/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ -.leaflet-safari .leaflet-tile { - 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; -} - -.leaflet-marker-icon, -.leaflet-marker-shadow { - display: block; -} - -/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ -/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ -.leaflet-container .leaflet-overlay-pane svg, -.leaflet-container .leaflet-marker-pane img, -.leaflet-container .leaflet-shadow-pane img, -.leaflet-container .leaflet-tile-pane img, -.leaflet-container img.leaflet-image-layer, -.leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; -} - -.leaflet-container.leaflet-touch-zoom { - touch-action: pan-x pan-y; -} - -.leaflet-container.leaflet-touch-drag { - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; -} - -.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - touch-action: none; -} - -.leaflet-container { - -webkit-tap-highlight-color: transparent; -} - -.leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); -} - -.leaflet-tile { - filter: inherit; - visibility: hidden; -} - -.leaflet-tile-loaded { - visibility: inherit; -} - -.leaflet-zoom-box { - width: 0; - height: 0; - 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; -} - -.leaflet-pane { - z-index: 400; -} - -.leaflet-tile-pane { - z-index: 200; -} - -.leaflet-overlay-pane { - z-index: 400; -} - -.leaflet-shadow-pane { - z-index: 500; -} - -.leaflet-marker-pane { - z-index: 600; -} - -.leaflet-tooltip-pane { - z-index: 650; -} - -.leaflet-popup-pane { - z-index: 700; -} - -.leaflet-map-pane canvas { - z-index: 100; -} - -.leaflet-map-pane svg { - z-index: 200; -} - -.leaflet-vml-shape { - width: 1px; - height: 1px; -} - -.lvml { - 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; -} - -.leaflet-top, -.leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; -} - -.leaflet-top { - top: 0; -} - -.leaflet-right { - right: 0; - display: none; -} - -.leaflet-bottom { - bottom: 0; -} - -.leaflet-left { - left: 0; -} - -.leaflet-control { - float: left; - clear: both; -} - -.leaflet-right .leaflet-control { - float: right; -} - -.leaflet-top .leaflet-control { - margin-top: 10px; -} - -.leaflet-bottom .leaflet-control { - margin-bottom: 10px; -} - -.leaflet-left .leaflet-control { - margin-left: 10px; -} - -.leaflet-right .leaflet-control { - margin-right: 10px; -} - -/* zoom and fade animations */ -.leaflet-fade-anim .leaflet-tile { - will-change: opacity; -} - -.leaflet-fade-anim .leaflet-popup { - opacity: 0; - transition: opacity 0.2s linear; -} - -.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; -} - -.leaflet-zoom-animated { - transform-origin: 0 0; -} - -.leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; -} - -.leaflet-zoom-anim .leaflet-zoom-animated { - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); -} - -.leaflet-zoom-anim .leaflet-tile, -.leaflet-pan-anim .leaflet-tile { - transition: none; -} - -.leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; -} - -/* cursors */ -.leaflet-interactive { - cursor: pointer; -} - -.leaflet-grab { - cursor: grab; -} - -.leaflet-crosshair, -.leaflet-crosshair .leaflet-interactive { - cursor: crosshair; -} - -.leaflet-popup-pane, -.leaflet-control { - cursor: auto; -} - -.leaflet-dragging .leaflet-grab, -.leaflet-dragging .leaflet-grab .leaflet-interactive, -.leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: grabbing; -} - -/* marker & overlays interactivity */ -.leaflet-marker-icon, -.leaflet-marker-shadow, -.leaflet-image-layer, -.leaflet-pane > svg path, -.leaflet-tile-container { - 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; -} - -/* visual tweaks */ -.leaflet-container { - background: #ddd; - outline: 0; -} - -.leaflet-container a, -.leaflet-container .map-listing-card-single__content a { - color: #404040; -} - -.leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; -} - -.leaflet-zoom-box { - 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; -} - -/* general toolbar styles */ -.leaflet-bar { - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; -} - -.leaflet-bar a, -.leaflet-bar a:hover { - background-color: #fff; - 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; -} - -.leaflet-bar a:hover { - background-color: #f4f4f4; -} - -.leaflet-bar a:first-child { - 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; -} - -.leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; -} - -.leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; -} - -.leaflet-touch .leaflet-bar a:first-child { - 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; -} - -/* zoom control */ -.leaflet-control-zoom-in, -.leaflet-control-zoom-out { - 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; -} - -/* layers control */ -.leaflet-control-layers { - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background: #fff; - border-radius: 5px; -} - -.leaflet-control-layers-toggle { - width: 36px; - height: 36px; -} - -.leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; -} - -.leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; -} - -.leaflet-control-layers .leaflet-control-layers-list, -.leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; -} - -.leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; -} - -.leaflet-control-layers-expanded { - padding: 6px 10px 6px 6px; - color: #333; - background: #fff; -} - -.leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-right: 5px; -} - -.leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; -} - -.leaflet-control-layers label { - display: block; -} - -.leaflet-control-layers-separator { - 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: #fff; - background: rgba(255, 255, 255, 0.7); - margin: 0; -} - -.leaflet-control-attribution, -.leaflet-control-scale-line { - padding: 0 5px; - color: #333; -} - -.leaflet-control-attribution a { - text-decoration: none; -} - -.leaflet-control-attribution a:hover { - text-decoration: underline; -} - -.leaflet-container .leaflet-control-attribution, -.leaflet-container .leaflet-control-scale { - font-size: 11px; -} - -.leaflet-left .leaflet-control-scale { - margin-left: 5px; -} - -.leaflet-bottom .leaflet-control-scale { - 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; - box-sizing: border-box; - background: #fff; - 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; -} - -.leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; -} - -.leaflet-touch .leaflet-control-attribution, -.leaflet-touch .leaflet-control-layers, -.leaflet-touch .leaflet-bar { - 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; -} - -/* popup */ -.leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; -} - -.leaflet-popup-content-wrapper { - padding: 1px; - text-align: left; - border-radius: 12px; -} - -.leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; -} - -.leaflet-popup-content p { - margin: 18px 0; -} - -.leaflet-popup-tip-container { - 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; - transform: rotate(45deg); -} - -.leaflet-popup-content-wrapper, -.leaflet-popup-tip { - 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; -} - -.leaflet-container a.leaflet-popup-close-button:hover { - color: #999; -} - -.leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; -} - -.leaflet-oldie .leaflet-popup-content-wrapper { - 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); -} - -.leaflet-oldie .leaflet-popup-tip-container { - 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; -} - -/* div icon */ -.leaflet-div-icon { - background: #fff; - border: 1px solid #666; -} - -/* Tooltip */ -/* Base styles for the element that has a tooltip */ -.leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: #fff; - border: 1px solid #fff; - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-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; -} - -.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: ""; -} - -/* Directions */ -.leaflet-tooltip-bottom { - margin-top: 6px; -} - -.leaflet-tooltip-top { - margin-top: -6px; -} - -.leaflet-tooltip-bottom:before, -.leaflet-tooltip-top:before { - left: 50%; - margin-left: -6px; -} - -.leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: #fff; -} - -.leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-left: -6px; - border-bottom-color: #fff; -} - -.leaflet-tooltip-left { - margin-left: -6px; -} - -.leaflet-tooltip-right { - margin-left: 6px; -} - -.leaflet-tooltip-left:before, -.leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; -} - -.leaflet-tooltip-left:before { - right: 0; - margin-right: -12px; - border-left-color: #fff; -} - -.leaflet-tooltip-right:before { - left: 0; - margin-left: -12px; - border-right-color: #fff; -} - -#map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; -} - -#gmap_full_screen_button { - 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: var(--directorist-color-white); - cursor: pointer; -} -#gmap_full_screen_button i::after { - width: 22px; - height: 22px; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); -} -#gmap_full_screen_button .fullscreen-disable { - display: none; -} - -#progress { - display: none; - position: absolute; - z-index: 1000; - left: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-left: -100px; - background-color: #fff; - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; -} - -#progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; -} - -.gm-fullscreen-control { - 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; -} - -.gmnoprint, -.gm-style-cc { - display: none; -} - -.italic { - font-style: italic; -} - -.buttonsTable { - border: 1px solid grey; - border-collapse: collapse; -} - -.buttonsTable td, -.buttonsTable th { - padding: 8px; - border: 1px solid grey; -} - -.version-disabled { - text-decoration: line-through; -}/*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/assets/src/scss/component/openstreet-map/index.scss b/assets/src/scss/component/openstreet-map/index.scss deleted file mode 100644 index 3dcce97e90..0000000000 --- a/assets/src/scss/component/openstreet-map/index.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import './leaflet'; -@import './openstreet'; \ No newline at end of file diff --git a/assets/src/scss/component/payment/_checkout-receipt.scss b/assets/src/scss/component/payment/_checkout-receipt.scss deleted file mode 100644 index f2b680914f..0000000000 --- a/assets/src/scss/component/payment/_checkout-receipt.scss +++ /dev/null @@ -1,91 +0,0 @@ -.directorist-payment-instructions, -.directorist-payment-thanks-text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} - -.directorist-payment-instructions { - margin-bottom: 38px; -} - -.directorist-payment-thanks-text { - font-size: 15px; -} - -.directorist-payment-table { - .directorist-table { - margin: 0; - border: none; - } - 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); - } - tbody { - td { - font-size: 14px; - font-weight: 500; - padding: 5px 0; - vertical-align: top; - border: none; - color: var(--directorist-color-dark); - } - tr { - &:first-child { - td { - padding-top: 20px; - } - } - } - } - - @include e("label") { - font-weight: 400; - width: 140px; - color: var(--directorist-color-light-gray) !important; - } - - @include e("title") { - font-size: 15px; - font-weight: 600; - margin: 0 0 10px !important; - text-transform: capitalize; - color: var(--directorist-color-dark); - &.directorist-payment-table__title--large { - font-size: 16px; - } - } - p { - font-size: 13px; - margin: 0; - color: var(--directorist-color-light-gray); - } -} - -.directorist-payment-summery-table { - tbody { - td { - padding: 12px 0; - &:nth-child(even) { - text-align: right; - } - } - tr.directorsit-payment-table-total { - td, - .directorist-payment-table__title { - font-size: 16px; - } - } - } -} - -.directorist-btn-view-listing { - min-height: 54px; - border-radius: 10px; -} diff --git a/assets/src/scss/component/payment/_checkout.scss b/assets/src/scss/component/payment/_checkout.scss deleted file mode 100644 index 4282434a65..0000000000 --- a/assets/src/scss/component/payment/_checkout.scss +++ /dev/null @@ -1,111 +0,0 @@ -.directorist-checkout-card { - box-shadow: 0 3px 15px rgba(0,0,0,.08); - filter: none; - tr { - &:not(:last-child) { - td { - padding-bottom: 15px; - border-bottom: 1px solid var(--directorist-color-border); - } - } - &:not(:first-child) { - td { - padding-top: 15px; - } - } - } - .directorist-card__header { - padding: 24px 40px; - } - .directorist-card__header__title { - font-size: 24px; - font-weight: 600; - @media (max-width: 575px) { - font-size: 18px; - } - } - .directorist-card__body { - padding: 20px 40px 40px; - } - - .directorist-summery-label { - font-size: 15px; - font-weight: 500; - color: var(--color-dark); - } - .directorist-summery-label-description { - font-size: 13px; - margin-top: 4px; - color: var(--directorist-color-light-gray); - } - .directorist-summery-amount { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-body); - } -} - -.directorist-payment-gateways { - background-color: var(--directorist-color-white); - ul { - margin: 0; - padding: 0; - } - li { - list-style-type: none; - padding: 0; - margin:0; - &:not(:last-child) { - margin-bottom: 15px; - } - .gateway_list { - margin-bottom: 10px; - } - } - - .directorist-radio { - input[type="radio"] + .directorist-radio__label { - font-size: 16px; - font-weight: 500; - line-height: 1.15; - color: var(--directorist-color-dark); - } - } - .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 { - flex-wrap: wrap; - margin: 42px -7px -7px -7px; - .directorist-btn { - min-height: 54px; - padding: 0 80px; - border-radius: 8px; - margin: 7px; - max-width: none; - width: auto; - @media (max-width: 1399px) { - padding: 0 40px; - } - @media (max-width: 1199px) { - padding: 0 30px; - } - } -} - -.directorist-summery-total { - .directorist-summery-label, - .directorist-summery-amount { - font-size: 18px; - font-weight: 500; - color: var(--color-dark); - } -} \ No newline at end of file diff --git a/assets/src/scss/component/user-dashboard/_announcement.scss b/assets/src/scss/component/user-dashboard/_announcement.scss deleted file mode 100644 index 6b5a232c46..0000000000 --- a/assets/src/scss/component/user-dashboard/_announcement.scss +++ /dev/null @@ -1,155 +0,0 @@ -// Userdashboard Announcement -.directorist-announcement-wrapper { - 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 { - font-size: 15px; - display: flex; - align-items: center; - padding-bottom: 15.5px; - margin-bottom: 15.5px; - border-bottom: 1px solid #f1f2f6; - - &:last-child { - padding-bottom: 0; - margin-bottom: 0; - border-bottom: 0 none; - } - - @media (max-width: 479px) { - flex-direction: column; - } - - @include e(date) { - 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) { - flex: 1; - } - - @media (max-width: 479px) { - flex: 100%; - width: 100%; - flex-direction: row; - justify-content: center; - } - - @include e("part-one") { - font-size: 18px; - line-height: 1.2; - font-weight: 500; - color: #171b2e; - } - - @include e("part-two") { - font-size: 14px; - font-weight: 400; - color: #5a5f7d; - } - - @include e("part-three") { - font-size: 14px; - font-weight: 500; - color: #171b2e; - } - } - - @include e(content) { - flex: 8; - padding-left: 15px; - - @media (max-width: 1199px) { - flex: 6; - } - - @media (max-width: 479px) { - padding-left: 0; - margin: 12px 0 6px; - text-align: center; - } - - .directorist-announcement__title { - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - margin-bottom: 6px; - margin-top: 0; - - p { - font-size: 14px; - font-weight: 400; - color: #69708e; - - &:empty { - display: none; - } - } - } - - p:empty { - display: none; - } - } - - @include e(close) { - flex: 0; - - .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-icon-mask::after { - transition: 0.35s; - background-color: #474868; - } - - &:hover { - background-color: var(--directorist-color-danger); - - .directorist-icon-mask::after { - background-color: var(--directorist-color-white); - } - } - } - } - } - - .directorist_not-found { - 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; -} - -.directorist-announcement-count.show { - display: inline-block; -} diff --git a/assets/src/scss/component/user-dashboard/_dashboard-tab.scss b/assets/src/scss/component/user-dashboard/_dashboard-tab.scss deleted file mode 100644 index e64e2e30a9..0000000000 --- a/assets/src/scss/component/user-dashboard/_dashboard-tab.scss +++ /dev/null @@ -1,8 +0,0 @@ -/* user dashboard tab style */ -.directorist-tab__pane { - display: none; - - &.directorist-tab__pane--active { - display: block; - } -} \ No newline at end of file diff --git a/assets/src/scss/component/user-dashboard/_general.scss b/assets/src/scss/component/user-dashboard/_general.scss deleted file mode 100644 index becebd33af..0000000000 --- a/assets/src/scss/component/user-dashboard/_general.scss +++ /dev/null @@ -1,845 +0,0 @@ -.directorist-user-dashboard { - width: 100% !important; - max-width: 100% !important; - overflow: hidden; - box-sizing: border-box; - @include e(contents) { - display: flex; - padding-bottom: 20px; - } - - @include e(toggle) { - margin-bottom: 20px; - - @include e(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); - } - } - - @include e("tab-content") { - flex: 1; - width: calc(100% - 250px); - } - - .directorist-alert { - margin-bottom: 15px; - } - #directorist-preference-notice .directorist-alert { - 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); - - div { - 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%); - - &:nth-child(1) { - animation-delay: -0.45s; - } - - &:nth-child(2) { - animation-delay: -0.3s; - } - - &:nth-child(3) { - animation-delay: -0.15s; - } - } -} - -/* My listing tab */ -.directorist-user-dashboard-tab { - @include e("nav") { - 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) { - align-items: flex-start; - } - } - - ul { - margin: 0; - list-style: none; - display: flex; - align-items: center; - padding-left: 0; - @media screen and (max-width: 480px) { - flex-wrap: wrap; - padding-left: 0; - } - } - - li { - list-style: none; - &:not(:last-child) { - margin-right: 20px; - } - - a { - display: inline-block; - font-size: 14px; - font-weight: 500; - padding: 20px 0; - text-decoration: none; - color: var(--directorist-color-dark); - position: relative; - - &: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); - } - - &.directorist-tab__nav__active { - color: var(--directorist-color-primary); - &:after { - opacity: 1; - visibility: visible; - } - } - @media screen and (max-width: 480px) { - padding-bottom: 5px; - } - } - } - - .directorist-user-dashboard-search { - position: relative; - border-radius: 12px; - margin: 16px 0 16px 16px; - - @include e("icon") { - position: absolute; - left: 16px; - top: 50%; - line-height: 1; - transform: translateY(-50%); - - i, - span { - font-size: 16px; - } - .directorist-icon-mask::after { - width: 16px; - height: 16px; - } - } - - 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; - box-sizing: border-box; - &:focus { - outline: none; - } - @media screen and (max-width: 375px) { - min-width: unset; - } - } - } -} - -.directorist-user-dashboard-tabcontent { - 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-listing-table { - border-radius: 10px; - - .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%; - } - - tr { - background-color: var(--directorist-color-white); - - th { - text-align: left; - - &.directorist-table-listing { - min-width: 320px; - - @media (max-width: 1499px) { - min-width: 260px; - } - - @media (max-width: 1399px) { - min-width: 230px; - } - } - - &.directorist-table-listing-type { - min-width: 180px; - - @media (max-width: 1399px) { - min-width: 160px; - } - } - - &.directorist-table-category { - min-width: 180px; - } - - &.directorist-table-ex-date { - min-width: 250px; - - @media (max-width: 1499px) { - min-width: 220px; - } - - @media (max-width: 1399px) { - min-width: 200px; - } - } - - &.directorist-table-status { - min-width: 160px; - - @media (max-width: 1399px) { - min-width: 130px; - } - } - - &.directorist_table-plan { - min-width: 120px; - - @media (max-width: 1399px) { - min-width: 100px; - } - } - - &.directorist-table-actions { - min-width: 200px; - - @media (max-width: 1399px) { - min-width: 150px; - } - } - } - } - - tr { - &:first-child { - th { - padding-top: 22px; - } - } - - &:first-child { - td { - padding-top: 28px; - } - } - - &:last-child { - td, - th { - padding-bottom: 22px; - } - - .directorist-dropdown { - .directorist-dropdown-menu { - bottom: 100%; - top: auto; - transform: translateY(-15px); - } - } - } - - &:first-child { - .directorist-dropdown { - .directorist-dropdown-menu { - bottom: auto; - top: 35px; - transform: translateY(0); - } - } - } - - td, - th { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - padding: 12.5px 22px; - border: 0 none; - } - - th { - letter-spacing: 1.1px; - font-size: 12px; - font-weight: 500; - color: #8f8e9f; - text-transform: uppercase; - border-bottom: 1px solid #eff1f6; - } - } - - .directorist-listing-table-listing-info { - display: flex; - } - - .directorist-listing-table-listing-info__img { - margin-right: 12px; - - img { - width: 44px; - height: 44px; - object-fit: cover; - border-radius: 6px; - max-width: inherit; - } - } - - .directorist-listing-table-listing-info__content { - flex: 1; - - .directorist-title { - margin: 0 0 5px; - font-size: 15px; - font-weight: 500; - - a { - color: #0a0b1e; - box-shadow: none; - text-decoration: none; - } - } - - .directorist-price { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); - } - } - - .directorist_badge { - font-size: 12px; - font-weight: 700; - border-radius: 4px; - padding: 3px 7px; - - &.primary { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary), 0.15); - } - - &.directorist_status_publish { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); - } - - &.directorist_status_pending { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); - } - - &.directorist_status_private{ - color: var(--directorist-color-danger) ; - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); - } - - &.danger { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger), 0.15); - } - - &.warning { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning), 0.15); - } - } - - .directorist-actions { - display: flex; - align-items: center; - justify-content: flex-end; - - a { - font-size: 13px; - text-decoration: none; - - &.directorist-link-btn { - color: var(--directorist-color-info); - font-weight: 500; - margin-right: 20px; - display: flex; - align-items: center; - gap: 5px; - - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-info); - } - } - } - - .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); - - i, - span, - svg { - position: relative; - top: 1.5px; - margin-right: 5px; - font-size: 14px; - color: var(--directorist-color-body); - } - } - - .directorist-checkbox { - label { - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - } - } - } - - .directorist-dropdown { - position: relative; - border: 0 none; - - .directorist-dropdown-menu { - position: absolute; - right: 0; - top: 35px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-white); - box-shadow: 0 5px 15px #8f8e9f20; - - &.active { - opacity: 1; - visibility: visible; - z-index: 22; - } - } - } - - .directorist-dropdown-menu { - min-width: 230px; - border: 1px solid #eff1f6; - padding: 0 0 10px 0; - border-radius: 6px; - - @include e("list") { - position: relative; - - &:not(:last-child) { - padding-bottom: 10px; - - &:after { - position: absolute; - left: 20px; - bottom: 0; - width: calc(100% - 40px); - height: 1px; - background-color: #eff1f6; - content: ""; - } - } - - .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; - - &:hover { - background-color: #f6f7f9; - } - - &:first-child { - margin-top: 10px; - } - - i { - font-size: 15px; - margin-right: 14px; - } - } - - .directorist_custom-checkbox { - padding: 10px 20px; - - &:first-child { - margin-top: 10px; - } - - label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - } - } - } - } - } - - .directorist_dashboard_rating { - li { - &:not(:last-child) { - margin-right: 4px; - } - } - } - - .directorist_dashboard_category { - ul { - flex-direction: column; - align-items: flex-start; - } - li { - &:not(:last-child) { - margin-right: 0px; - margin-bottom: 4px; - } - - i, - span.fas, - span.fa, - span.la { - font-size: 15px; - margin-right: 4px; - } - - a { - padding: 0; - } - } - } - - .directorist-dashboard-pagination { - display: flex; - flex-wrap: wrap; - justify-content: flex-end; - margin: 2px 22px 0 22px; - padding: 30px 0 40px; - border-top: 1px solid #eff1f6; - - .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; - &:hover, - &.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); - .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - } - } - - .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-table-listing-type { - min-width: 95px; - } - &.directorist-table-ex-date { - min-width: 140px; - } - &.directorist-table-status { - min-width: 115px; - } - &.directorist_table-plan { - min-width: 120px; - } - &.directorist-table-actions { - min-width: 155px; - } - } - td, - th { - padding: 12px; - } - } - .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; -} - -// Responsive Css -@media (max-width: 767px) { - .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); -} - -/* 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: flex; - align-items: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - - &.directorist-become-author-modal__show { - visibility: visible; - opacity: 1; - pointer-events: all; - } - - @include e("content") { - background-color: var(--directorist-color-white); - border-radius: 5px; - padding: 20px 30px 15px; - text-align: center; - position: relative; - - p { - display: flex; - align-items: center; - justify-content: center; - } - - h3 { - font-size: 20px; - } - - .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; - - &:focus { - background-color: #3e62f5 !important; - } - } - - .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; - } - } - - 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); - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - visibility: hidden; - opacity: 0; - - &.active { - visibility: visible; - opacity: 1; - } - } -} - -#directorist-become-author-success { - 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); - - &.directorist-active { - 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; - td, - th, - tr { - border: 1px solid #ececec; - } - td { - padding: 0 15px; - p { - margin: 5px 0; - } - } - th { - text-align: left; - padding: 5px 15px; - } - .action { - a.btn { - text-decoration: none; - font-size: 14px; - padding: 8px 15px; - border-radius: 8px; - display: inline-block; - } - } -} diff --git a/assets/src/scss/component/user-dashboard/_listing.scss b/assets/src/scss/component/user-dashboard/_listing.scss deleted file mode 100644 index f71b616b95..0000000000 --- a/assets/src/scss/component/user-dashboard/_listing.scss +++ /dev/null @@ -1,119 +0,0 @@ -// Favourite Listings Style -.directorist-favourite-items-wrap { - box-shadow: 0 0 15px rgba(0,0,0, 0.05); - .directorist-favourirte-items { - background-color: var(--directorist-color-white); - padding: 20px 10px; - border-radius: 12px; - - } - .directorist-dashboard-items-list { - font-size: 15px; - - @include e(single) { - display: flex; - padding: 15px !important; - margin: 0; - justify-content: space-between; - align-items: center; - transition: .35s; - @media only screen and (max-width: 991px) { - background-color: #F8F9FA; - border-radius: 5px; - flex-direction: column; - align-items: flex-start; - } - - &:hover { - background-color: #F8F9FA; - border-radius: 5px; - - .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; - } - } - - .directorist-listing-img { - margin-right: 20px; - @media only screen and (max-width: 479px) { - margin-right: 0; - } - img { - - max-width: 100px; - border-radius: 6px; - } - } - - .directorist-listing-content { - @media only screen and (max-width: 479px) { - margin-top: 10px; - } - } - .directorist-listing-title { - font-size: 15px; - font-weight: 500; - margin: 0 0 6px; - a { - color: var(--directorist-color-dark); - text-decoration: none; - } - } - - .directorist-listing-category { - color: var(--directorist-color-primary); - text-decoration: none; - span.la, - span.fa, - span.fas, - i { - margin-right: 6px; - color: var(--directorist-color-light-gray); - } - } - - @include e(info) { - - display: flex; - - @media only screen and (max-width: 991px) { - margin-bottom: 15px; - } - @media only screen and (max-width: 479px) { - flex-direction: column; - } - } - - @include e(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; - .directorist-icon-mask { - margin-right: 5px; - &:after{ - background-color: var(--directorist-color-white); - } - } - - /* Legacy Icon */ - > i:not(.directorist-icon-mask) { - margin-right: 5px; - } - - @media only screen and (max-width: 991px) { - opacity: 1; - visibility: visible; - } - } - } - } - } -} \ No newline at end of file diff --git a/assets/src/scss/component/user-dashboard/_sidebar.scss b/assets/src/scss/component/user-dashboard/_sidebar.scss deleted file mode 100644 index b91d2c8d36..0000000000 --- a/assets/src/scss/component/user-dashboard/_sidebar.scss +++ /dev/null @@ -1,136 +0,0 @@ -.directorist-user-dashboard__nav { - 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) { - position: fixed; - top: 0; - left: 0; - width: 230px; - height: 100vh; - background-color: var(--directorist-color-white); - padding-top: 100px; - box-shadow: 0 5px 10px rgb(143 142 159 / 10%); - z-index: 2222; - } - - @media only screen and (max-width: 600px) { - right: 20px; - top: 10px; - } - .directorist-dashboard__nav__close { - display: none; - position: absolute; - right: 15px; - top: 50px; - - @media only screen and (max-width: 1199px) { - display: block; - } - - @media only screen and (max-width: 600px) { - right: 20px; - top: 10px; - } - } - - &.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; - transition: 0.3s ease; - } -} - -.directorist-tab__nav__items { - list-style-type: none; - padding: 0; - margin: 0; - a { - text-decoration: none; - } - li { - margin: 0; - ul { - display: none; - list-style-type: none; - padding: 0; - margin: 0; - - li a { - padding-left: 25px; - text-decoration: none; - } - } - } -} - -.directorist-tab__nav__link { - 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_menuItem-text { - pointer-events: none; - display: flex; - gap: 10px; - flex-wrap: wrap; - align-items: center; - .directorist_menuItem-icon { - line-height: 0; - } - i, - span.fa { - pointer-events: none; - display: inline-block; - margin-right: 10px; - } - } - - &.directorist-tab__nav__active, - &:focus { - font-weight: 700; - background-color: var(--directorist-color-border); - color: var(--directorist-color-primary); - .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - } - &.atbd-dash-nav-dropdown { - background-color: transparent; - } - } -} - -/* user dashboard sidebar nav action */ -.directorist-tab__nav__action { - margin-top: 15px; - - .directorist-btn { - display: block; - - &:not(:last-child) { - margin-bottom: 15px; - } - } -} diff --git a/assets/src/scss/component/user-dashboard/_user-profile.scss b/assets/src/scss/component/user-dashboard/_user-profile.scss deleted file mode 100644 index 0db675dcfa..0000000000 --- a/assets/src/scss/component/user-dashboard/_user-profile.scss +++ /dev/null @@ -1,223 +0,0 @@ -// Profile Responsive -#dashboard_profile #user_profile_form { - &.directorist-profile-responsive { - .directorist-col-lg-3 { - width: 100%; - } - .directorist-col-lg-9 { - width: 100%; - } - } -} - -// User Profile Image -.directorist-image-profile-wrap { - padding: 25px; - background-color: var(--directorist-color-white); - border-radius: 12px; - border: 1px solid #ececec; - - .ezmu__upload-button-wrap .ezmu__btn { - 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-profile-uploader { - border-radius: 12px; - .ezmu__front-item__close-icon { - background-image: none; - .directorist-icon-mask::after { - width: 16px; - height: 16px; - } - } - .ezmu__loading-icon-img-bg { - background-image: none; - background-color: var(--directorist-color-primary); - mask-repeat: no-repeat; - mask-position: center; - mask-image: url("../../../../../assets/icons/font-awesome/svgs/regular/spinner-solid.svg"); - } - } - - .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { - max-width: 140px; - } -} - -// Userdashboard Profile Info -.directorist-user-profile-box { - .directorist-card__header { - padding: 18px 20px; - } - - .directorist-card__body { - padding: 25px 25px 30px 25px; - } -} - -.directorist-user-info-wrap { - .directorist-form-group { - margin-bottom: 25px; - > label { - display: inline-flex; - margin-bottom: 5px; - } - .directorist-input-extra-info { - color: var(--directorist-color-light-gray); - display: inline-block; - font-size: 14px; - font-weight: 400; - margin-top: 4px; - } - } - - .directorist-btn-profile-save { - width: 100%; - text-align: center; - text-transform: capitalize; - text-decoration: none; - } - - #directorist-profile-notice .directorist-alert { - margin-top: 15px; - } -} - -/* User Preferences */ - - -.directorist-user_preferences{ - .directorist-preference-toggle{ - .directorist-form-group{ - display: flex; - align-items: center; - gap:10px; - label{ - margin-bottom: 0; - color: var(--directorist-color-dark); - font-size: 14px; - font-weight: 400; - } - input{ - margin: 0; - } - } - .directorist-toggle-label{ - font-size: 14px; - color: var(--directorist-color-dark); - font-weight: 600; - line-height: normal; - } - } - .directorist-preference-radio{ - margin-top: 25px; - .directorist-preference-radio__label{ - color: var(--directorist-color-dark); - font-weight: 700; - font-size: 14px; - margin-bottom: 10px; - } - .directorist-radio-wrapper{ - flex-direction: column; - gap:12px; - } - } - .select2.select2-container.select2-container--default .select2-selection__arrow b, - .select2-selection__arrow, .select2-selection__clear{ - display: block !important; - } - .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: 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; - transition: background 0.25s; - &:before, - &:after { - content: ""; - } - &:before { - display: block; - background: white; - border-radius: 50%; - width: 16px; - height: 16px; - position: absolute; - top: 3px; - left: 4px; - transition: left 0.25s; - } - .directorist-toggle:hover &:before { - background: linear-gradient(to bottom, #fff 0%, #fff 100%); - } - .directorist-toggle-checkbox:checked + & { - background: var(--directorist-color-primary); - &:before { - left: 25px; - } - } -} - -.directorist-toggle-checkbox { - position: absolute; - visibility: hidden; -} - -// Users Social Info -.directorist-user-socials { - .directorist-user-social-label { - font-size: 18px; - padding-bottom: 18px; - margin-bottom: 28px !important; - border-bottom: 1px solid #eff1f6; - } - - label { - display: flex; - flex-wrap: wrap; - align-items: center; - .directorist-social-icon { - margin-right: 6px; - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #0a0b1e; - } - } - } -} - -// Profile Notice -#directorist-prifile-notice { - .directorist-alert { - width: 100%; - display: inline-block; - margin-top: 15px; - } -} diff --git a/assets/src/scss/layout/admin/admin-style.css b/assets/src/scss/layout/admin/admin-style.css deleted file mode 100644 index 063e05dd03..0000000000 --- a/assets/src/scss/layout/admin/admin-style.css +++ /dev/null @@ -1,19496 +0,0 @@ -/* typography */ -#directorist.atbd_wrapper { - padding: 18px 20px; - /*********************************************************** - ************************************************************ - css for Custom Field - ************************************************************* - **************************************************************/ - /* - for shortable field*/ -} -#directorist.atbd_wrapper .diectorist-show { - display: block !important; -} -#directorist.atbd_wrapper .diectorist-hide { - display: none !important; -} -#directorist.atbd_wrapper a:focus, -#directorist.atbd_wrapper a:active { - box-shadow: unset; - outline: none; -} -#directorist.atbd_wrapper .atcc_pt_40 { - padding-top: 40px; -} -#directorist.atbd_wrapper * { - box-sizing: border-box; -} -#directorist.atbd_wrapper .iris-picker, -#directorist.atbd_wrapper .iris-picker * { - box-sizing: content-box; -} -#directorist.atbd_wrapper #gmap { - height: 350px; -} -#directorist.atbd_wrapper label { - margin-bottom: 8px; - display: inline-block; - font-weight: 500; - font-size: 15px; - color: #202428; -} -#directorist.atbd_wrapper .map_wrapper { - position: relative; -} -#directorist.atbd_wrapper .map_wrapper #floating-panel { - position: absolute; - z-index: 2; - right: 59px; - top: 10px; -} -#directorist.atbd_wrapper a.btn { - text-decoration: none; -} -#directorist.atbd_wrapper [data-toggle=tooltip] { - color: #a1a1a7; - font-size: 12px; -} -#directorist.atbd_wrapper [data-toggle=tooltip]:hover { - color: #202428; -} -#directorist.atbd_wrapper .single_prv_attachment { - text-align: center; -} -#directorist.atbd_wrapper .single_prv_attachment div { - position: relative; - display: inline-block; -} -#directorist.atbd_wrapper .single_prv_attachment div .remove_prev_img { - position: absolute; - top: -5px; - right: -5px; - background: #d3d1ec; - line-height: 26px; - width: 26px; - border-radius: 50%; - transition: 0.2s; - cursor: pointer; - color: #ffffff; - padding: 0; -} -#directorist.atbd_wrapper .single_prv_attachment div .remove_prev_img:hover { - color: #c81d1d; -} -#directorist.atbd_wrapper #listing_image_btn span { - vertical-align: text-bottom; -} -#directorist.atbd_wrapper .default_img { - margin-bottom: 10px; - text-align: center; - margin-top: 10px; -} -#directorist.atbd_wrapper .default_img small { - color: #7a82a6; - font-size: 13px; -} -#directorist.atbd_wrapper .atbd_pricing_options { - margin-bottom: 15px; -} -#directorist.atbd_wrapper .atbd_pricing_options label { - font-size: 13px; -} -#directorist.atbd_wrapper .atbd_pricing_options .bor { - margin: 0 15px; -} -#directorist.atbd_wrapper .atbd_pricing_options small { - font-size: 12px; - vertical-align: top; -} -#directorist.atbd_wrapper .listing-img-container { - text-align: center; - padding: 10px 0 15px; -} -#directorist.atbd_wrapper .listing-img-container p { - margin-top: 15px; - margin-bottom: 4px; - color: #7a82a6; - font-size: 16px; -} -#directorist.atbd_wrapper .listing-img-container small { - color: #7a82a6; - font-size: 13px; -} -#directorist.atbd_wrapper .listing-img-container .single_attachment { - width: 208px; - display: inline-block; - position: relative; -} -#directorist.atbd_wrapper .listing-img-container .single_attachment .remove_image { - position: absolute; - top: -5px; - right: -5px; - background: #d3d1ec; - line-height: 26px; - width: 26px; - height: 26px; - border-radius: 50%; - transition: 0.2s; - cursor: pointer; - color: #9497A7; -} -#directorist.atbd_wrapper .listing-img-container .single_attachment .remove_image:hover { - color: #EF0000; -} -#directorist.atbd_wrapper .field-options { - margin-bottom: 15px; -} -#directorist.atbd_wrapper .directorist-hide-if-no-js { - text-align: center; - margin: 0; -} -#directorist.atbd_wrapper .form-check { - margin-bottom: 25px; - display: flex; - align-items: center; -} -#directorist.atbd_wrapper .form-check input { - vertical-align: top; - margin-top: 0; -} -#directorist.atbd_wrapper .form-check .form-check-label { - margin: 0; - font-size: 15px; -} -#directorist.atbd_wrapper .atbd_optional_field { - margin-bottom: 15px; -} -#directorist.atbd_wrapper .extension_detail { - margin-top: 20px; -} -#directorist.atbd_wrapper .extension_detail .btn_wrapper { - margin-top: 25px; -} -#directorist.atbd_wrapper .extension_detail.ext_d { - min-height: 140px; - position: relative; - display: flex; - flex-direction: column; - flex-wrap: wrap; -} -#directorist.atbd_wrapper .extension_detail.ext_d p { - margin: 0; -} -#directorist.atbd_wrapper .extension_detail.ext_d .btn_wrapper { - width: 100%; - margin-top: auto; -} -#directorist.atbd_wrapper .extension_detail.ext_d > a, -#directorist.atbd_wrapper .extension_detail.ext_d p, -#directorist.atbd_wrapper .extension_detail.ext_d div { - display: block; -} -#directorist.atbd_wrapper .extension_detail.ext_d > p { - margin-bottom: 15px; -} -#directorist.atbd_wrapper .ext_title a { - text-align: center; - text-decoration: none; - font-weight: 500; - font-size: 18px; - color: #202428; - transition: 0.3s; - display: block; -} -#directorist.atbd_wrapper .ext_title:hover a { - color: #6e63ff; -} -#directorist.atbd_wrapper .ext_title .text-center { - text-align: center; -} -#directorist.atbd_wrapper .attc_extension_wrapper { - margin-top: 30px; -} -#directorist.atbd_wrapper .attc_extension_wrapper .col-md-4 .single_extension .btn { - padding: 3px 15px; - font-size: 14px; -} -#directorist.atbd_wrapper .attc_extension_wrapper .single_extension { - margin-bottom: 30px; - background: #ffffff; - box-shadow: 0px 5px 10px #e1e7f7; - padding: 25px; -} -#directorist.atbd_wrapper .attc_extension_wrapper .single_extension img { - width: 100%; -} -#directorist.atbd_wrapper .attc_extension_wrapper .single_extension.coming_soon img { - opacity: 0.6; -} -#directorist.atbd_wrapper .attc_extension_wrapper .single_extension.coming_soon a { - pointer-events: none !important; -} -#directorist.atbd_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title a:after { - content: "(Coming Soon)"; - color: #ff0000; - font-size: 14px; -} -#directorist.atbd_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title:hover a { - color: inherit; -} -#directorist.atbd_wrapper .attc_extension_wrapper .single_extension.coming_soon .btn { - opacity: 0.5; -} -#directorist.atbd_wrapper .attc_extension_wrapper__heading { - margin-bottom: 15px; -} -#directorist.atbd_wrapper .btn_wrapper a + a { - margin-left: 10px; -} -#directorist.atbd_wrapper.atbd_help_support .wrap_left { - width: 70%; -} -#directorist.atbd_wrapper.atbd_help_support h3 { - font-size: 24px; -} -#directorist.atbd_wrapper.atbd_help_support a { - color: #387dff; -} -#directorist.atbd_wrapper.atbd_help_support a:hover { - text-decoration: underline; -} -#directorist.atbd_wrapper.atbd_help_support .postbox { - padding: 30px; -} -#directorist.atbd_wrapper.atbd_help_support .postbox h3 { - margin-bottom: 20px; -} -#directorist.atbd_wrapper.atbd_help_support .wrap { - display: inline-block; - vertical-align: top; -} -#directorist.atbd_wrapper.atbd_help_support .wrap_right { - width: 27%; -} -#directorist.atbd_wrapper.atbd_help_support .wrap_right .postbox { - background: #0073aa; - border-radius: 3px; - box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); -} -#directorist.atbd_wrapper.atbd_help_support .wrap_right .postbox h3 { - color: #fff; - margin-bottom: 25px; -} -#directorist.atbd_wrapper .shortcode_table td { - font-size: 14px; - line-height: 22px; -} -#directorist.atbd_wrapper ul.atbdp_pro_features li { - font-size: 16px; - margin-bottom: 12px; -} -#directorist.atbd_wrapper ul.atbdp_pro_features li a { - color: #ededed; -} -#directorist.atbd_wrapper ul.atbdp_pro_features li a:hover { - color: #fff; -} -#directorist.atbd_wrapper .atbdp-radio-list li label, -#directorist.atbd_wrapper .atbdp-checkbox-list li label { - text-transform: capitalize; - font-size: 13px; -} -#directorist.atbd_wrapper .atbdp-radio-list li label input, -#directorist.atbd_wrapper .atbdp-checkbox-list li label input { - margin-right: 7px; -} -#directorist.atbd_wrapper .single_thm .ext_title h4 { - text-align: center; -} -#directorist.atbd_wrapper .single_thm .btn_wrapper { - text-align: center; -} -#directorist.atbd_wrapper .postbox table.widefat { - box-shadow: none; - background: #eff2f5; -} -#directorist.atbd_wrapper #atbdp-field-details td { - color: #555; - font-size: 17px; - width: 8%; -} -#directorist.atbd_wrapper #atbdp-field-options td { - color: #555; - font-size: 17px; - width: 8%; -} -#directorist.atbd_wrapper .atbdp-tick-cross { - margin-left: 18px; -} -#directorist.atbd_wrapper .atbdp-tick-cross2 { - margin-left: 25px; -} -#directorist.atbd_wrapper .ui-sortable tr:hover { - cursor: move; -} -#directorist.atbd_wrapper .ui-sortable tr.alternate { - background-color: #f9f9f9; -} -#directorist.atbd_wrapper .ui-sortable tr.ui-sortable-helper { - background-color: #f9f9f9; - border-top: 1px solid #dfdfdf; -} -#directorist.atbd_wrapper .business-hour label { - margin-bottom: 0; -} - -#directorist.atbd_wrapper .form-group { - margin-bottom: 30px; -} -#directorist.atbd_wrapper .form-group > label { - margin-bottom: 10px; -} -#directorist.atbd_wrapper .form-group .atbd_pricing_options { - display: flex; - align-items: center; - flex-wrap: wrap; -} -#directorist.atbd_wrapper .form-group .atbd_pricing_options label { - margin-bottom: 0; -} -#directorist.atbd_wrapper .form-group .atbd_pricing_options small { - margin-left: 5px; -} -#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; -} - -#directorist.atbd_wrapper .g_address_wrap { - margin-bottom: 15px; -} -#directorist.atbd_wrapper .atbd_map_title { - margin-bottom: 15px; -} -#directorist.atbd_wrapper .map_wrapper .map_drag_info { - display: block; - font-size: 12px; - margin-top: 10px; -} -#directorist.atbd_wrapper .map-coordinate { - margin-top: 15px; - margin-bottom: 15px; -} -#directorist.atbd_wrapper .map-coordinate label { - margin-bottom: 0; -} -#directorist.atbd_wrapper #hide_if_no_manual_cor .form-group .form-group { - margin-bottom: 20px; -} -#directorist.atbd_wrapper .atbd_map_hide { - margin-bottom: 0; -} -#directorist.atbd_wrapper .atbd_map_hide label { - margin-bottom: 0; -} -#directorist.atbd_wrapper #atbdp-custom-fields-list { - margin: 13px 0 0 0; -} - -#_listing_video_gallery #directorist.atbd_wrapper .form-group { - 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; - } -} -#directorist.atbd_wrapper #addNewSocial { - margin-bottom: 15px; -} - -#directorist.atbd_wrapper .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; -} - -.atbdp_social_field_wrapper select.form-control { - height: 35px !important; -} - -#atbdp-categories-image-wrapper img { - width: 150px; -} - -.vp-wrap .vp-checkbox .field label { - 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: #f2f4f7; - z-index: 1; -} - -#shortcode-updated .input label span { - background: #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%; - transform: translate(-50%, -50%); - border-radius: 3px; -} - -#shortcode-updated + #success_msg { - color: #4caf50; - padding-left: 15px; -} - -.olControlAttribution { - right: 10px !important; - bottom: 10px !important; -} - -.g_address_wrap ul { - margin-top: 15px !important; -} -.g_address_wrap ul li { - margin-bottom: 8px; - border-bottom: 1px solid #e3e6ef; - padding-bottom: 8px; -} -.g_address_wrap ul li:last-child { - margin-bottom: 0; -} - -.plupload-thumbs .thumb { - float: none !important; - max-width: 200px; -} - -#atbdp-categories-image-wrapper { - position: relative; - display: inline-block; -} -#atbdp-categories-image-wrapper .remove_cat_img { - position: absolute; - width: 25px; - height: 25px; - border-radius: 50%; - background: #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: #ff0000; - color: #fff; -} - -.plupload-thumbs .thumb { - position: relative; - height: auto !important; -} -.plupload-thumbs .thumb:hover .atbdp-thumb-actions { - display: flex !important; -} -.plupload-thumbs .thumb .atbdp-thumb-actions { - 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: #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: #e23636; -} - -.plupload-upload-uic { - 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; -} -.plupload-upload-uic .atbdp_button { - border: 1px solid #EFF1F6; - background: #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; -} - -@media (max-width: 575px) { - .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; - } -} -/* ATBD Tooltip */ -.atbd_tooltip { - position: relative; -} -.atbd_tooltip[aria-label]:before, .atbd_tooltip[aria-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - animation: showTooltip 0.3s ease; -} -.atbd_tooltip[aria-label]:before { - 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%; - 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; -} - -@keyframes showTooltip { - from { - opacity: 0; - } -} -.atbdp_shortcodes { - 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; -} - -.directorist-find-latlan { - display: inline-block; - color: red; -} - -.business_time.column-business_time .atbdp-tick-cross2, -.web-link.column-web-link .atbdp-tick-cross2 { - padding-left: 25px; -} - -#atbdp-field-details .recurring_time_period { - display: flex; - align-items: center; -} -#atbdp-field-details .recurring_time_period > label { - margin-right: 10px; -} -#atbdp-field-details .recurring_time_period #recurring_period { - margin-right: 8px; -} - -div#need_post_area { - padding: 10px 0 15px 0; -} -div#need_post_area .atbd_listing_type_list { - margin: 0 -7px; -} -div#need_post_area label { - margin: 0 7px; - font-size: 16px; -} -div#need_post_area label input:checked + span { - font-weight: 600; -} - -#pyn_service_budget label { - display: flex !important; - align-items: center; -} -#pyn_service_budget label #is_hourly { - margin-right: 5px; -} - -#titlediv #title { - padding: 3px 8px 7px; - font-size: 26px; - height: 40px; -} - -.req_password_notice, -.password_notice { - padding-left: 20px; - padding-right: 20px; -} - -/* hide button example image top upload fields */ -#primary_example, -#secondary_example, -#success_example, -#danger_example, -#priout_example, -#prioutlight_example, -#danout_example { - display: flex; - align-items: center; -} -#primary_example input[type=text], -#primary_example .button, -#secondary_example input[type=text], -#secondary_example .button, -#success_example input[type=text], -#success_example .button, -#danger_example input[type=text], -#danger_example .button, -#priout_example input[type=text], -#priout_example .button, -#prioutlight_example input[type=text], -#prioutlight_example .button, -#danout_example input[type=text], -#danout_example .button { - display: none !important; -} - -#directorist.atbd_wrapper .dbh-wrapper label { - margin-bottom: 0 !important; -} -#directorist.atbd_wrapper .dbh-wrapper .disable-bh { - margin-bottom: 5px; -} -#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; -} - -.atbdp-timestamp-wrap select, -.atbdp-timestamp-wrap input { - margin-bottom: 5px !important; -} - -/* csv styles */ -.csv-action-btns { - margin-top: 30px; -} -.csv-action-btns a { - display: inline-flex; - align-items: center; - justify-content: center; - text-decoration: none; - line-height: 44px; - padding: 0 20px; - background: #fff; - border: 1px solid #e3e6ef; - color: #272b41; - border-radius: 5px; - font-weight: 600; - margin-right: 7px; -} -.csv-action-btns a span { - color: #9299b8; -} -.csv-action-btns a:last-child { - margin-right: 0; -} -.csv-action-btns a.btn-active { - background: #2c99ff; - color: #fff; - border-color: #2c99ff; -} -.csv-action-btns a.btn-active span { - color: rgba(255, 255, 255, 0.8); -} - -.csv-action-steps ul { - 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%; -} -.csv-action-steps ul li:before { - position: absolute; - content: url("../../../images/csv-step.png"); - left: 112px; - top: 8px; - width: 125px; - overflow: hidden; -} -.csv-action-steps ul li .step { - 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: #fff; -} -.csv-action-steps ul li .step .dashicons { - margin: 0; - display: none; -} -.csv-action-steps ul li .step-text { - display: block; - margin-top: 15px; - color: #9299b8; - font-weight: 500; -} -.csv-action-steps ul li.active .step { - background: #272b41; - color: #fff; -} -.csv-action-steps ul li.active .step-text { - color: #272b41; -} -.csv-action-steps ul li.done:before { - content: url("../../../images/csv-step-done.png"); -} -.csv-action-steps ul li.done .step { - background: #0fb73b; - color: #fff; -} -.csv-action-steps ul li.done .step .step-count { - display: none; -} -.csv-action-steps ul li.done .step .dashicons { - display: block; -} -.csv-action-steps ul li.done .step-text { - color: #272b41; -} -.csv-action-steps ul li:last-child:before, .csv-action-steps ul li:last-child.done:before { - content: none; -} - -.csv-wrapper { - margin-top: 20px; -} -.csv-wrapper .csv-center { - width: 700px; - margin: 0 auto; - background: #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; -} -.csv-wrapper form header h2 { - margin: 0 0 15px 0; - font-size: 22px; - font-weight: 500; -} -.csv-wrapper form header p { - color: #5a5f7d; - margin: 0; -} -.csv-wrapper form .form-content { - padding: 30px; -} -.csv-wrapper form .form-content .directorist-importer-options { - margin: 0; -} -.csv-wrapper form .form-content .directorist-importer-options h4 { - 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; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label { - display: inline-block; -} -.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: #5a5f7d; - color: #fff; - font-weight: 500; - min-width: 175px; -} -.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; -} -.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: 15px; -} -.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; - 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: #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: flex; - justify-content: flex-end; - padding: 20px 30px; - background: #f4f5f7; -} -.csv-wrapper form .atbdp-actions .button { - background: #2c99ff; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-weight: 500; - font-size: 15px; -} -.csv-wrapper .directorist-importer__importing header { - 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; -} -.csv-wrapper .directorist-importer__importing header p { - color: #5a5f7d; - margin: 0; -} -.csv-wrapper .directorist-importer__importing section { - padding: 25px 30px 30px; -} -.csv-wrapper .directorist-importer__importing span.importer-notice { - display: block; - color: #5a5f7d; - font-size: 15px; - padding-bottom: 13px; -} -.csv-wrapper .directorist-importer__importing span.importer-details { - display: block; - color: #5a5f7d; - font-size: 15px; - padding-top: 13px; -} -.csv-wrapper .directorist-importer__importing progress { - border-radius: 15px; - width: 100%; - height: 30px; - overflow: hidden; -} -.csv-wrapper .directorist-importer__importing progress::-webkit-progress-bar { - background: #e8f0f8; - border-radius: 15px; -} -.csv-wrapper .directorist-importer__importing progress::-webkit-progress-value { - background: #2c99ff; -} -.csv-wrapper .directorist-importer__importing progress::-moz-progress-bar { - background: #e8f0f8; - border-radius: 15px; - border: none; - box-shadow: none; -} -.csv-wrapper .directorist-importer__importing progress[value]::-moz-progress-bar { - background: #2c99ff; -} -.csv-wrapper .csv-import-done .wc-progress-form-content { - padding: 100px 30px 80px; -} -.csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions { - text-align: center; -} -.csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions .dashicons { - width: 100px; - height: 100px; - display: inline-flex; - border-radius: 50%; - background: #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; -} -.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; -} -.csv-wrapper .csv-import-done .atbdp-actions { - display: flex; - justify-content: flex-end; - padding: 20px 30px; - background: #f4f5f7; -} -.csv-wrapper .csv-import-done .atbdp-actions .button { - background: #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: flex; - align-items: center; - justify-content: center; -} -.csv-wrapper .csv-center.csv-export .button-secondary { - background: #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; -} - -#csv_import .vp-input + span { - background: #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"; -} - -.vp-wrap { - display: flex; - justify-content: space-between; - flex-wrap: wrap; -} - -.vp-documentation-panel #directorist.atbd_wrapper { - padding: 4px 0; -} - -.wp-picker-container .wp-picker-input-wrap label { - margin: 0 15px 10px; -} - -.wp-picker-holder .iris-picker-inner .iris-square { - margin-right: 5%; -} -.wp-picker-holder .iris-picker-inner .iris-square .iris-strip { - height: 180px !important; -} - -/* form builder add listing form */ -.postbox-container .postbox select[name=directory_type] + .form-group { - margin-top: 15px; -} -.postbox-container .postbox .form-group { - margin-bottom: 30px; -} -.postbox-container .postbox .form-group label { - 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], -.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]::-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]::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; -} -.postbox-container .postbox .form-group textarea { - 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; -} -.postbox-container .postbox .form-group .directorist-social-info-field #addNewSocial { - border-radius: 3px; -} -.postbox-container .postbox .form-group .atbdp_social_field_wrapper { - 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; -} -.postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-md-6 { - width: 50%; -} -.postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-md-2 { - 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; -} -.postbox-container .postbox .form-group .btn { - padding: 7px 15px; - cursor: pointer; -} -.postbox-container .postbox .form-group .btn.btn-primary { - background: #444752; - 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 .map_wrapper .cor-wrap { - margin-top: 15px; -} - -.theme-browser .theme .theme-name { - height: auto; -} - -/* System Status */ -.atbds_wrapper { - padding-right: 60px; -} -.atbds_wrapper .atbds_row { - display: flex; -} -.atbds_wrapper .atbds_col-left { - margin-right: 30px; -} -.atbds_wrapper .atbds_col-right { - flex: 1; -} -.atbds_wrapper .tab-pane { - display: none; -} -.atbds_wrapper .tab-pane.show { - display: block; -} -.atbds_wrapper .atbds_title { - font-size: 24px; - margin: 30px 0 35px; - color: #272b41; -} - -.atbds_content { - margin-top: -8px; -} - -/* Spacing */ -.atbds_wrapper .pl-30 { - padding-left: 30px; -} -.atbds_wrapper .pr-30 { - padding-right: 30px; -} - -/* atbds card */ -.atbds_card.card { - 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; -} -.atbds_card .card-head { - border-bottom: 1px solid #f1f2f6; - padding: 20px 30px; -} -.atbds_card .card-head h1, -.atbds_card .card-head h2, -.atbds_card .card-head h3, -.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; -} -.atbds_card .card-body .atbds_c-t-menu { - padding: 8px 30px 0; - border-bottom: 1px solid #e3e6ef; -} -.atbds_card .card-body .atbds_c-t-menu .nav { - margin: 0 -12.5px; - flex-wrap: wrap; -} -.atbds_card .card-body .atbds_c-t-menu .nav-item { - 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; -} -.atbds_card .card-body .atbds_c-t-menu .nav-link.active:after { - opacity: 1; - visibility: visible; -} -.atbds_card .card-body .atbds_c-t-menu .nav-link:focus { - 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; -} -.atbds_card .card-body .atbds_c-t-menu .nav { - display: flex; -} -.atbds_card .card-body .atbds_c-t__details { - padding: 20px 0; -} - -#atbds_support .atbds_card, -#atbds_r-viewing .atbds_card { - max-width: 900px; - min-width: auto; -} - -/* atbds Sidebar */ -.atbds_sidebar ul { - 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; -} -.atbds_sidebar .nav-link.active { - color: #3e62f5; - background-color: #fff; -} -.atbds_sidebar .nav-link:focus { - 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%; -} -.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; -} -.atbds_sidebar a:focus { - outline: none; - border: 0 none; - box-shadow: 0 0; -} - -.atbds_text-center { - text-align: center; -} - -.atbds_d-flex { - display: flex; -} - -.atbds_flex-wrap { - flex-wrap: wrap; -} - -.atbds_row { - display: flex; - flex-wrap: wrap; - margin-right: -15px; - margin-left: -15px; -} - -.atbds_col-4 { - 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; -} -.atbd_tooltip .atbd_tooltip__text { - 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; -} - -/* atbds System Table */ -.atbds_system-table-wrap { - padding: 0 20px; -} - -.atbds_system-table { - width: 100%; - border-collapse: collapse; -} -.atbds_system-table tr:nth-child(2n) td { - background-color: #fbfbfb; -} -.atbds_system-table td { - 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; -} -.atbds_system-table tbody tr td.atbds_table-pointer { - width: 30px; -} -.atbds_system-table tbody tr td.diretorist-table-text p { - margin: 0; - line-height: 1.3; -} -.atbds_system-table tbody tr td.diretorist-table-text p:not(:last-child) { - margin: 0 0 15px; -} -.atbds_system-table tbody tr td .atbds_color-success { - color: #00bc5e; -} - -.atbds_table-list li { - margin-bottom: 8px; -} - -/* atbds warnings */ -.atbds_warnings { - padding: 30px; - min-height: 615px; -} - -.atbds_warnings__single { - 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: 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; -} -.atbds_warnings__single .atbds_warnings__icon i, -.atbds_warnings__single .atbds_warnings__icon span, -.atbds_warnings__single .atbds_warnings__icon svg { - color: #EF8000; -} -.atbds_warnings__single .atbds_warnigns__content { - max-width: 290px; - margin: 0 auto; -} -.atbds_warnings__single .atbds_warnigns__content h1, -.atbds_warnings__single .atbds_warnigns__content h2, -.atbds_warnings__single .atbds_warnigns__content h3, -.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; -} -.atbds_warnings__single .atbds_warnigns__content p { - font-size: 15px; - line-height: 1.733; - color: #5a5f7d; -} -.atbds_warnings__single .atbds_warnigns__content .atbds_btnLink { - margin-top: 30px; -} - -/* atbds Buttons */ -.atbds_btnLink { - display: inline-flex; - align-items: center; - font-size: 14px; - font-weight: 500; - text-decoration: none; - color: #3e62f5; -} -.atbds_btnLink i { - 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; - box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - transition: 0.3s; -} -.atbds_btn:hover { - background-color: transparent; - border: 1px solid #3e62f5; -} -.atbds_btn.atbds_btnPrimary { - color: #fff; - background-color: #3e62f5; -} -.atbds_btn.atbds_btnPrimary:hover { - color: #3e62f5; - background-color: #fff; - border-color: #3e62f5; -} -.atbds_btn.atbds_btnDark { - color: #fff; - background-color: #272b41; -} -.atbds_btn.atbds_btnDark:hover { - color: #272b41; - background-color: #fff; - border-color: #272b41; -} -.atbds_btn.atbds_btnGray { - color: #272b41; - background-color: #e3e6ef; -} -.atbds_btn.atbds_btnGray:hover { - color: #272b41; - background-color: #fff; - border-color: #e3e6ef; -} - -.atbds_btn.atbds_btnBordered { - background-color: transparent; - border: 1px solid; -} -.atbds_btn.atbds_btnBordered.atbds_btnPrimary { - color: #3e62f5; - border-color: #3e62f5; -} - -.atbds_buttonGroup { - margin: -5px; -} -.atbds_buttonGroup button { - margin: 5px; -} - -/* atbds Form Row */ -.atbds_form-row:not(:last-child) { - margin-bottom: 30px; -} -.atbds_form-row label, -.atbds_form-row input[type=text], -.atbds_form-row input[type=email], -.atbds_form-row textarea { - width: 100%; -} -.atbds_form-row input, -.atbds_form-row textarea { - 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; - box-shadow: 0 0; -} -.atbds_form-row textarea { - padding: 12px 20px; -} -.atbds_form-row label { - display: inline-block; - font-size: 14px; - font-weight: 500; - color: #272b41; - margin-bottom: 8px; -} -.atbds_form-row textarea { - min-height: 200px; -} - -.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: 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; - box-shadow: none; -} -#listing_form_info #directiost-listing-fields_wrapper { - margin-top: 15px !important; -} -#listing_form_info .atbd_content_module { - border: 1px solid #e3e6ef; - margin-bottom: 35px; - background: #ffffff; - text-align: left; - border-radius: 3px; -} -#listing_form_info .atbd_content_module .atbd_content_module_title_area { - 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; -} -#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; -} -#listing_form_info .directorist_loader { - position: absolute; - top: 0; - right: 0%; -} - -.atbd-booking-information .atbd_area_title { - padding: 0 20px; -} - -.wp-list-table .page-title-action { - background: #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; -} - -/* atbds SupportForm */ -.atbds_supportForm { - padding: 10px 50px 50px 50px; - color: #5a5f7d; -} -.atbds_supportForm h1, -.atbds_supportForm h2, -.atbds_supportForm h3, -.atbds_supportForm h4, -.atbds_supportForm h5, -.atbds_supportForm h6 { - font-size: 20px; - font-weight: 500; - color: #272b41; - margin: 20px 0 15px; -} -.atbds_supportForm p { - font-size: 15px; - margin-bottom: 35px; -} -.atbds_supportForm .atbds_customCheckbox { - margin-top: -14px; -} - -/* atbds remoteViewingForm */ -.atbds_remoteViewingForm { - padding: 10px 50px 50px 50px; -} -.atbds_remoteViewingForm p { - font-size: 15px; - line-height: 1.7333; - color: #5a5f7d; -} -.atbds_remoteViewingForm .atbds_form-row input { - min-width: 450px; - margin-right: 10px; -} -.atbds_remoteViewingForm .atbds_form-row .btn-test { - font-weight: 700; -} -.atbds_remoteViewingForm .atbds_buttonGroup { - margin-top: -10px; -} -.atbds_remoteViewingForm .atbds_buttonGroup .atbds_btn { - padding: 10.5px 33px; -} - -@media only screen and (max-width: 1599px) { - .atbds_warnings__single { - padding: 30px; - } -} -@media only screen and (max-width: 1399px) { - .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 { - 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; - } -} -@media only screen and (max-width: 850px) { - .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; - } -} -#atbdp-send-system-info .system_info_success { - color: #00AC17; -} - -#atbds_r-viewing #atbdp-remote-response { - 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: #fff; - transition: 0.3s ease; -} -#atbds_r-viewing .atbds_form-row .button-secondary:hover { - background: #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"; -} - -.atbdb_content_module_contents .ez-media-uploader { - 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: 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; -} -.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: #d3d1ec; - line-height: 26px; - width: 26px; - border-radius: 50%; - transition: 0.2s; - cursor: pointer; - color: #ffffff; -} -.add_listing_form_wrapper .listing-img-container img { - max-width: 100px; -} -.add_listing_form_wrapper .listing-img-container p { - font-size: 14px; -} -.add_listing_form_wrapper .directorist-hide-if-no-js { - display: flex; - justify-content: center; -} -.add_listing_form_wrapper #listing_image_btn .dashicons-format-image { - margin-right: 6px; -} -.add_listing_form_wrapper #delete-custom-img { - margin-left: 5px; - background-color: #EF0000; -} -.add_listing_form_wrapper #delete-custom-img.hidden { - display: none; -} - -#announcment_submit .vp-input ~ span { - display: flex; - background: #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"; -} - -/* Announcment */ -/* ----------------------------- */ -#announcement_submit .vp-input ~ span { - display: flex; - background: #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"; -} -#announcement_submit .label { - visibility: hidden; -} - -.announcement-feedback { - margin-bottom: 15px; -} - -/* --------------[ Announcment End ]--------------- */ -/* Section */ -.atbdp-section { - display: block; -} - -.atbdp-section-toggle, -.atbdp-accordion-toggle { - cursor: pointer; -} - -.atbdp-section-header { - display: block; -} - -#directorist.atbd_wrapper h3.atbdp-section-title { - margin-bottom: 25px; -} - -.atbdp-section-content { - padding: 10px; - background-color: #fff; -} - -.atbdp-state-section-content { - margin-bottom: 20px; - padding: 25px 30px; -} - -.atbdp-state-vertical { - padding: 8px 20px; -} - -.atbdp-themes-extension-license-activation-content { - padding: 0; - background-color: transparent; -} - -/* Accordion */ -.atbdp-license-accordion { - margin: 30px 0; -} - -.atbdp-accordion-content { - display: none; - padding: 10px; - background-color: #fff; -} - -/* Card */ -.atbdp-card-list { - display: flex; - margin: 0 -15px; - flex-wrap: wrap; -} - -.atbdp-card-list__item { - margin-bottom: 10px; - width: 100%; - max-width: 300px; - padding: 0 15px; -} - -.atbdp-card { - 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; -} - -.atbdp-card-body { - display: block; -} - -#directorist.atbd_wrapper .atbdp-card-title, -.atbdp-card-title { - font-size: 19px; -} - -.atbdp-card-icon { - display: block; - font-size: 60px; -} - -.atbdp-card-icon { - display: block; -} - -/* Form */ -.atbdp-centered-box { - 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; - box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); - background-color: #fff; -} - -.atbdp-license-form-container { - box-shadow: none; -} - -.atbdp-form-page { - width: 100%; -} - -.atbdp-form-response-page { - width: 100%; -} - -.atbdp-checklist-section { - margin-top: 30px; - text-align: left; -} - -.atbdp-form-header { - display: block; -} - -.atbdp-form-body { - display: block; -} - -.atbdp-form-footer { - display: block; - text-align: center; -} - -.atbdp-form-group { - display: block; - margin-bottom: 20px; -} - -.atbdp-form-group label { - 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: #f4f5f7; -} - -.atbdp-form-feedback { - margin: 10px 0; -} -.atbdp-form-feedback span { - display: inline-block; - margin-left: 10px; -} - -.et-auth-section-wrap { - align-items: center; -} -.et-auth-section-wrap .atbdp-input-group-wrap { - align-items: center; -} -.et-auth-section-wrap .atbdp-input-group-wrap .atbdp-form-control { - min-width: 140px; -} - -.et-auth-section-wrap .atbdp-input-group-append { - align-items: center; -} - -.atbdp-form-actions { - margin: 30px 0; - text-align: center; -} - -.atbdp-icon { - display: inline-block; -} - -.atbdp-icon-large { - 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; -} -.atbdp-form-alert a { - color: rgba(255, 255, 255, 0.5); -} -.atbdp-form-alert a:hover { - color: rgba(255, 255, 255, 0.8); -} - -.atbdp-form-alert-success { - color: #fff; - background-color: #53b732; -} - -.atbdp-form-alert-danger, -.atbdp-form-alert-error { - color: #fff; - background-color: #ff4343; -} - -.atbdp-btn { - padding: 8px 20px; - border: none; - border-radius: 3px; - min-height: 40px; - cursor: pointer; -} - -.atbdp-btn-primary { - color: #fff; - background: #6495ed; -} - -/* Utility */ -.purchase-refresh-btn-wrapper { - overflow: hidden; -} - -.atbdp-action-group { - display: flex; -} - -.atbdp-hide { - width: 0; - overflow: hidden; -} - -.atbdp-d-none { - display: none; -} - -.atbdp-px-5 { - padding: 0 5px !important; -} - -.atbdp-mx-5 { - margin: 0 5px !important; -} - -.atbdp-mb-0 { - margin-bottom: 0 !important; -} - -.atbdp-text-center { - text-align: center; -} - -.atbdp-text-success { - color: #0fb73b; -} - -.atbdp-text-danger { - color: #c81d1d; -} - -.atbdp-text-muted { - color: gray; -} - -/* Tab Contents */ -.atbdp-tab-nav-area { - display: block; -} - -.atbdp-tab-nav-menu { - 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; -} - -.atbdp-tab-nav-menu__item.active { - bottom: -1px; -} - -.atbdp-tab-nav-menu__link { - display: block; - padding: 10px 15px; - text-decoration: none; - color: #555; - background: #e5e5e5; - transition: all ease-in-out 300ms; -} - -.atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link { - background: #f1f1f1; -} - -.atbdp-tab-nav-menu__link:hover { - color: #555; - background: #fff; -} - -.atbdp-tab-nav-menu__link:active, -.atbdp-tab-nav-menu__link:focus { - outline: none; - box-shadow: none; -} - -.atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link { - display: block; -} - -.atbdp-tab-content-area { - display: block; -} - -.atbdp-tab-content { - display: none; -} - -.atbdp-tab-content.active { - display: block; -} - -/* atbdp-counter-list */ -#directorist.atbd_wrapper ul.atbdp-counter-list { - padding: 0; - margin: 0 -20px; - box-sizing: border-box; -} - -.atbdp-counter-list__item { - 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; -} - -.atbdp-counter-list__label { - display: block; - font-weight: 500; -} - -.atbdp-counter-list__actions { - display: block; -} - -.atbdp-counter-list-vertical { - display: block; -} - -.atbdp-counter-list-vertical .atbdp-counter-list__item { - display: flex; - flex-wrap: wrap; - align-items: center; -} -@media only screen and (max-width: 475px) { - .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; -} -.atbdp-counter-list-vertical .atbdp-counter-list__actions { - margin-left: auto; -} - -.et-contents__tab-item { - display: none; -} -.et-contents__tab-item .theme-card-wrapper .theme-card { - width: 100%; -} - -.et-contents__tab-item.active { - display: block; -} - -.et-wrapper { - background: #fff; - border-radius: 4px; -} -.et-wrapper .et-wrapper-head { - 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; -} -.et-wrapper .et-wrapper-head .et-search { - position: relative; -} -.et-wrapper .et-wrapper-head .et-search input { - background: #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%; - 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; -} -.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; -} -.et-wrapper .et-contents .ext-table-responsive table tr td.ext-action { - min-width: 180px; -} -.et-wrapper .et-contents .ext-table-responsive table tr td.ext-info { - min-width: 120px; -} -.et-wrapper .et-contents .ext-available:last-child .ext-table-responsive { - border-bottom: 0 none; - padding-bottom: 0; -} -.et-wrapper .et-contents__tab-nav { - display: flex; - align-items: center; - padding: 0 18px; - border-bottom: 1px solid #e3e6ef; -} -.et-wrapper .et-contents__tab-nav li { - 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; -} -.et-wrapper .et-contents__tab-nav li a:before { - 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; -} -.et-wrapper .et-contents__tab-nav li.active a:before { - background: #3e62f5; -} -.et-wrapper .et-contents .ext-wrapper h4 { - font-size: 15px !important; - font-weight: 500; - padding: 0 30px; -} -.et-wrapper .et-contents .ext-wrapper h4.req-ext-title { - margin-bottom: 10px; -} -.et-wrapper .et-contents .ext-wrapper span.ext-short-desc { - padding: 0 30px; - display: block; - margin-bottom: 20px; -} -.et-wrapper .et-contents .ext-wrapper .ext-installed__table { - padding: 0 15px 25px; -} -.et-wrapper .et-contents .ext-wrapper table { - width: 100%; -} -.et-wrapper .et-contents .ext-wrapper table thead { - background-color: #f8f9fb; - width: 100%; - border-radius: 6px; -} -.et-wrapper .et-contents .ext-wrapper table thead th { - padding: 10px 15px; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper { - 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; -} -.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: #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: #3e62f5 !important; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name { - 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: 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: 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; -} -.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; -} -.et-wrapper .et-contents .ext-wrapper table .active-badge { - display: inline-block; - font-size: 11px; - font-weight: 600; - color: #fff; - background: #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; -} -.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%; - 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: #00b158; -} -.et-wrapper .et-contents .ext-wrapper table .ext-action { - 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; - 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 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; - box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); - background: #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; -} -.et-wrapper .et-contents .ext-wrapper .ext-available-table { - padding: 15px; -} -.et-wrapper .et-contents .ext-wrapper .ext-available-table h4 { - margin-bottom: 20px !important; -} - -.et-header-title-area { - display: flex; - flex-wrap: wrap; - align-items: center; -} -@media only screen and (max-width: 660px) { - .et-header-title-area { - flex-flow: column; - align-items: flex-start; - } -} - -.et-header-actions { - 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 { - flex-direction: column; - } - .et-header-actions .atbdp-action-group .purchase-refresh-btn-wrapper { - margin-bottom: 10px; - } -} - -.et-auth-section { - display: flex; - flex-wrap: nowrap; - overflow: hidden; -} - -.et-auth-section-wrap { - display: flex; - padding: 1px; - flex-grow: 1; - flex-wrap: nowrap; - overflow: hidden; -} - -.atbdp-input-group-wrap { - display: flex; -} - -.atbdp-input-group-append { - display: flex; -} - -#directorist.atbd_wrapper .ext-action-btn { - display: inline-block; - line-height: 34px; - background: #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; -} -#directorist.atbd_wrapper .ext-action-btn.ext-install-btn { - background-color: #3e62f5 !important; - color: #fff !important; -} - -.et-tab { - display: none; -} - -.et-tab-active { - display: block; -} - -/* theme card */ -.theme-card-wrapper { - padding: 20px 30px 50px; -} - -.theme-card { - background: #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; -} -.theme-card figure img { - 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: 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; -} -.theme-card figure figcaption .theme-action { - margin: -8px -6px; -} -.theme-card figure figcaption .theme-action .theme-action-btn { - border-radius: 20px; - background: #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: #3e62f5 !important; -} -.theme-card__footer { - 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; -} -.theme-card__footer .theme-update { - 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: #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; -} -.theme-card__footer .theme-update-btn { - display: inline-block; - line-height: 34px; - font-size: 13px; - font-weight: 500; - color: #fff !important; - background: #3e62f5 !important; - border-radius: 20px; - padding: 0 20px; -} - -.available-themes-wrapper .available-themes { - 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; -} -.available-themes-wrapper .available-theme-card { - max-width: 400px; - background: #f4f5f7; - border-radius: 6px; - padding: 25px; - margin: 15px; -} -.available-themes-wrapper .available-theme-card img { - width: 100%; -} -.available-themes-wrapper figure { - margin-bottom: 0 !important; -} -.available-themes-wrapper figure img { - 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; -} -.available-themes-wrapper figure .theme-action { - 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; - 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; - 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 h4 { - 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; -} -#directorist.atbd_wrapper .account-connect__form form { - display: flex; - align-items: center; - flex-wrap: wrap; - margin: -12px -5px; -} -#directorist.atbd_wrapper .account-connect__form-group { - 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; -} -#directorist.atbd_wrapper .account-connect__form-group span { - position: absolute; - font-size: 18px; - color: #a1a8c6; - left: 20px; - top: 50%; - transform: translateY(-50%); -} -#directorist.atbd_wrapper .account-connect__form-btn { - 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; - 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%; - transform: translateY(-50%); -} - -/* extension and themes column */ -.extension-theme-wrapper { - display: flex; - flex-wrap: wrap; - align-items: flex-start; - margin: -25px; -} - -#directorist.atbd_wrapper .et-column { - flex: 0 0 50%; - padding: 25px; -} -@media only screen and (max-width: 767px) { - #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; -} - -#directorist.atbd_wrapper .et-card { - 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 { - flex-direction: column; - } -} -#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 img { - max-width: 100%; - border-radius: 6px; - max-height: 150px; -} -#directorist.atbd_wrapper .et-card__details { - flex: 1; -} -#directorist.atbd_wrapper .et-card__details h3 { - 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; -} -#directorist.atbd_wrapper .et-card__details ul { - margin: -5px; - padding: 0; - display: flex; - flex-wrap: wrap; - align-items: center; -} -#directorist.atbd_wrapper .et-card__details ul li { - 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; -} -#directorist.atbd_wrapper .et-card__btn--primary { - 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; -} - -/* atmodal */ -/* Modal Core Styles */ -.atm-open { - overflow: hidden; -} - -.atm-open .at-modal { - 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; -} - -.at-modal-content { - 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: #fff; - pointer-events: auto; - border-radius: 3px; - position: relative; -} - -.at-modal-content.at-modal-lg { - width: 800px; -} - -.at-modal-content.at-modal-xl { - width: 1140px; -} - -.at-modal-content.at-modal-sm { - width: 300px; -} - -.at-modal.atm-fade { - transition: 0.3s ease; -} - -.at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; -} - -.at-modal.atm-show .at-modal-content { - 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; - transform: none; - background: #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; -} - -#directorist.atbd_wrapper .modal-header { - padding: 20px 30px; -} - -#directorist.atbd_wrapper .modal-header .modal-title { - font-size: 25px; - font-weight: 500; - color: #151826; -} - -#directorist.atbd_wrapper .at-modal-close { - background-color: #5a5f7d; - color: #fff; - font-size: 25px; -} - -#directorist.atbd_wrapper .at-modal-close span { - position: relative; - top: -2px; -} - -#directorist.atbd_wrapper .at-modal-close:hover { - color: #fff; -} - -#directorist.atbd_wrapper .modal-body { - padding: 25px 40px 30px; -} - -#directorist.atbd_wrapper .modal-body .update-list { - margin-bottom: 25px; -} - -#directorist.atbd_wrapper .modal-body .update-list:last-child { - 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; -} - -#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--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 ul, -#directorist.atbd_wrapper .modal-body .update-list ul li { - margin: 0; -} - -#directorist.atbd_wrapper .modal-body .update-list ul li { - 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; -} - -#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; -} - -#directorist.atbd_wrapper .modal-body .update-list.update-list--new li:before { - 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--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-footer button { - 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); - } -} -/* 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); - } -} -/* 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); - } -} -/* 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); - } -} -.directorist_builder-header { - display: flex; - justify-content: space-between; - align-items: center; - background-color: #fff; - padding: 0 30px; -} -@media only screen and (max-width: 575px) { - .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_logo { - min-width: 150px; -} -.directorist_builder-header .directorist_builder-links { - margin: 0; - padding: 0; -} -.directorist_builder-header .directorist_builder-links li { - display: inline-block; - margin-bottom: 0; -} -.directorist_builder-header .directorist_builder-links li:not(:last-child) { - margin-right: 18px; -} -.directorist_builder-header .directorist_builder-links a { - display: block; - padding: 26px 0; - text-decoration: none; - font-size: 14px; - color: #5a5f7d; -} -@media only screen and (max-width: 575px) { - .directorist_builder-header .directorist_builder-links a { - padding: 6px 0; - } -} -.directorist_builder-header .directorist_builder-links a i { - font-size: 16px; -} - -.directorist_builder-body .directorist_builder__title { - font-size: 24px; - line-height: 1.4; - font-weight: 500; - margin-bottom: 30px; - color: #272b41; -} - -.tabContentActive, -.pstContentActive, -.pstContentActive2, -.pstContentActive3 { - display: block !important; - animation: showTab 0.6s ease; -} - -.atbd_tab_inner, -.pst_tab_inner, -.pst_tab_inner-2, -.pst_tab_inner-3 { - display: none; -} - -/* Directorist Membership Notice */ -.atbdp-settings-manager .directorist_membership-notice { - margin-bottom: 0; -} - -.directorist_membership-notice { - position: relative; - display: flex; - align-items: center; - justify-content: space-between; - background: #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; -} -@media only screen and (max-width: 767px) { - .directorist_membership-notice { - flex-direction: column; - align-items: flex-start; - } -} -@media only screen and (max-width: 475px) { - .directorist_membership-notice { - align-items: center; - } -} -.directorist_membership-notice .directorist_membership-notice__content { - display: flex; - align-items: center; -} -@media only screen and (max-width: 1199px) { - .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 { - flex-direction: row; - } -} -@media only screen and (max-width: 767px) { - .directorist_membership-notice .directorist_membership-notice__content { - margin-bottom: 30px; - } -} -@media only screen and (max-width: 475px) { - .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; -} -@media only screen and (max-width: 1399px) { - .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; - } -} -@media only screen and (max-width: 800px) { - .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; -} -@media only screen and (max-width: 1499px) { - .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: 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; - } -} -@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; - } -} -@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__list { - display: flex; - max-width: 450px; - flex-wrap: wrap; -} -@media only screen and (max-width: 1499px) { - .directorist_membership-notice__list { - max-width: 410px; - } -} -@media only screen and (max-width: 1399px) { - .directorist_membership-notice__list { - max-width: 380px; - } -} -@media only screen and (max-width: 1199px) { - .directorist_membership-notice__list { - max-width: 250px; - } -} -@media only screen and (max-width: 800px) { - .directorist_membership-notice__list { - display: none; - } -} -.directorist_membership-notice__list li { - 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; - } -} -@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: 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__action { - margin-right: 25px; -} -@media only screen and (max-width: 1499px) { - .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 .directorist_membership-btn { - 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; -} -@media only screen and (max-width: 1499px) { - .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-close { - 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; -} -.directorist_membership-notice-close:hover i { - color: #fff; -} -.directorist_membership-notice-close i { - color: #b541d8; -} - -.directorist_builder__content { - display: flex; - align-items: flex-start; -} -@media only screen and (max-width: 1199px) { - .directorist_builder__content { - flex-direction: column; - } -} -.directorist_builder__content .directorist_btn.directorist_btn-success { - background-color: #08bf9c; -} -.directorist_builder__content .directorist_builder__content--left { - width: 360px; - margin-right: 30px; - margin-top: 38px; -} -@media only screen and (max-width: 1599px) { - .directorist_builder__content .directorist_builder__content--left { - width: 320px; - margin-right: 20px; - } -} -@media only screen and (max-width: 1499px) { - .directorist_builder__content .directorist_builder__content--left { - width: 240px; - margin-right: 15px; - } -} -@media only screen and (max-width: 1399px) { - .directorist_builder__content .directorist_builder__content--left { - width: 230px; - } -} -@media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content--left { - width: 320px; - } -} -@media only screen and (max-width: 575px) { - .directorist_builder__content .directorist_builder__content--left { - width: 100%; - margin-right: 0; - margin-top: 0; - } -} -.directorist_builder__content .directorist_builder__content--left .directorist_link-block { - width: 100%; - min-height: 126px; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - border-radius: 4px; - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.062745098); - text-decoration: none; - text-align: center; - padding: 0 15px; - 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_link-block-primary { - background-color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content--left .directorist_link-block.directorist_link-block-success { - background-color: #08bf9c; -} -.directorist_builder__content .directorist_builder__content--left .directorist_link-block .directorist_link-icon { - display: inline-flex; - align-items: center; - justify-content: center; - height: 25px; - width: 25px; - border-radius: 50%; - border: 2px solid #fff; -} -.directorist_builder__content .directorist_builder__content--left .directorist_link-block .directorist_link-icon i { - font-weight: 900; - color: #fff; -} -.directorist_builder__content .directorist_builder__content--left .directorist_link-block .directorist_link-text { - display: block; - font-size: 16px; - line-height: 1.5; - font-weight: 500; - color: #fff; - margin-top: 15px; -} -@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_btn-import .directorist_link-icon i { - font-size: 24px; -} -.directorist_builder__content .directorist_builder__content--left .directorist_btn-import .directorist_link-text { - margin-top: 12px; -} -.directorist_builder__content .directorist_builder__content--left .directorist_link-block + .directorist_link-block { - margin-top: 20px; -} -.directorist_builder__content .directorist_builder__content--right { - flex: 1; -} -@media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content--right { - flex: auto; - width: 100%; - margin-top: 30px; - } -} -.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav { - margin-bottom: 20px; -} -.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul { - padding: 0; - margin: 0; - display: flex; -} -.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item { - margin-bottom: 0; -} -.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item:not(:last-child) { - margin-right: 20px; -} -.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item .atbd_tn_link { - text-decoration: none; - font-size: 14px; - font-weight: 500; - color: #5a5f7d; -} -.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item .atbd_tn_link:focus { - outline: none; - box-shadow: 0 0; -} -.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item .atbd_tn_link .directorist_count { - pointer-events: none; - color: #868eae; - font-weight: 400; - margin-left: 5px; -} -.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item .atbd_tn_link.tabItemActive { - color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content--right .atbd_tab_nav ul .directorist_builder--tab-item .atbd_tn_link.tabItemActive .directorist_count { - color: #868eae; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent { - padding: 20px; - background-color: #fff; - border-radius: 4px; - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.062745098); -} -@media only screen and (max-width: 1399px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent { - padding: 10px; - } -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_all-listing-table { - padding-bottom: 75px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table { - display: table; - border-collapse: collapse; - width: 100%; - text-align: left; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - overflow: visible !important; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead { - background-color: #f4f5f7; - border-radius: 6px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th { - padding: 16px 20px; - font-size: 13px; - text-transform: uppercase; - letter-spacing: 1px; - font-weight: 500; - color: #5a5f7d; -} -@media only screen and (max-width: 1399px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th { - padding: 15px 10px; - } -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th:first-child { - border-radius: 6px 0 0 6px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th:last-child { - border-radius: 0 6px 6px 0; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-title { - min-width: 300px; -} -@media only screen and (max-width: 1599px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-title { - min-width: 200px; - } -} -@media only screen and (max-width: 1399px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-title { - min-width: 140px; - } -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-count { - min-width: 150px; - text-align: right; -} -@media only screen and (max-width: 1599px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-count { - min-width: 110px; - } -} -@media only screen and (max-width: 1399px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-count { - min-width: 70px; - } -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-count .directorist_listing-count-title { - display: block; - margin-right: 40px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-c-date { - min-width: 160px; -} -@media only screen and (max-width: 1399px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-c-date { - min-width: 140px; - } -} -@media only screen and (max-width: 1299px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-c-date { - min-width: 120px; - } -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-c-action { - min-width: 200px; - text-align: right; -} -@media only screen and (max-width: 1499px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table thead tr th.directorist_listing-c-action { - min-width: 130px; - } -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td { - background-color: #f8f9fb; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_title { - color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions a { - color: #fff; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions a.directorist_btn-primary { - background-color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions a.directorist_btn-danger.directorist_btn-transparent { - color: #ff272a; - background-color: rgba(255, 39, 42, 0.1); -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions .directorist_more-dropdown-toggle { - background-color: #eff0f3 !important; - padding: 0 !important; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions .directorist_more-dropdown-toggle i, -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr:hover td .directorist_listing-actions .directorist_more-dropdown-toggle svg { - color: #5a5f7d; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td { - font-size: 14px; - font-weight: 400; - color: #5a5f7d; - padding: 15px 20px; -} -@media only screen and (max-width: 1499px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td { - padding: 15px 8.5px; - } -} -@media only screen and (max-width: 1299px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td { - padding: 15px 5.5px; - position: relative; - } -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td:first-child { - border-radius: 6px 0 0 6px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td:last-child { - border-radius: 0 6px 6px 0; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_title { - font-size: 15px; - font-weight: 500; - color: #272b41; - text-decoration: none; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_title:hover { - color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-id { - display: block; - margin-top: 6px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_badge { - font-size: 10px; - padding: 4px 9px 3px; - letter-spacing: 1px; - background-color: #868eae; - color: #fff; - text-transform: uppercase; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-count { - display: block; - text-align: right; - margin-right: 40px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions { - margin: -5px; - display: flex; - align-items: center; - justify-content: flex-end; - position: relative; -} -@media only screen and (max-width: 1225px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions { - flex-wrap: wrap; - } -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_loader { - position: absolute; - right: 0; - top: 12px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_custom-checkbox input[type=checkbox] + label { - padding-top: 1px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_custom-checkbox input[type=checkbox] + label:after { - width: 15px; - height: 15px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_custom-checkbox input[type=checkbox] + label:before { - font-size: 9px; - left: 5px; - top: 5px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a { - color: #5a5f7d; - display: inline-block; - text-decoration: none; - margin: 5px; - border-radius: 6px; - background-color: #f4f5f7; - padding: 0 15.78px; - transition: 0.35s; - line-height: 2.75; -} -@media only screen and (max-width: 1399px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a { - padding: 0 10px; - line-height: 2.5; - } -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a i, -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a svg, -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a img { - margin-right: 8px; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions a:hover { - color: #fff; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_listing-type-checkbox-wrap { - position: relative; - display: inline-block; - margin: 5px 5px 5px 15px; -} -@media only screen and (max-width: 1399px) { - .directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_listing-type-checkbox-wrap { - margin: 5px; - } -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_listing-type-checkbox-wrap .directorist_loader { - position: absolute; - right: -60px; - top: 6%; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .directorist_listing-actions .directorist_listing-type-checkbox-wrap .directorist_listing-type-default { - pointer-events: none; -} -.directorist_builder__content .directorist_builder__content--right .directorist_builder--tabContent .directorist_table tbody tr td .atbd-listing-type-active-status { - margin-top: 15px; - margin-left: 0; -} - -.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; - transition: 0.3s ease; -} -.directorist_listing-slug-text--editable { - border-color: #c6d0dc; -} -.directorist_listing-slug-text--editable:focus { - border-color: #c6d0dc; - outline: 0; -} -@media only screen and (max-width: 1499px) { - .directorist_listing-slug-text { - min-width: 110px; - } -} -@media only screen and (max-width: 1299px) { - .directorist_listing-slug-text { - min-width: 90px; - } -} - -.directorist-type-slug .directorist-slug-notice { - margin: 6px 0 0; -} -.directorist-type-slug .directorist-slug-notice.directorist-slug-notice-error { - color: #EF0000; -} -.directorist-type-slug .directorist-slug-notice.directorist-slug-notice-success { - color: #00AC17; -} - -.directorist-type-slug-content { - display: flex; - align-items: center; -} - -.directorist-listing-slug-edit-wrap { - 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 .directorist-listing-slug__edit, -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - 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; -} -@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; - } -} -@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-formText-add { - background: #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: inline-flex; - align-items: center; - justify-content: center; - width: 30px; - height: 30px; - border-radius: 50%; - margin: 2px; - transition: 0.3s ease; - background: #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; - } -} -@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_loader { - 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: 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; -} -.directorist_builder__content .directorist_badge.directorist_badge-primary { - color: #fff; - background-color: #3e62f5; -} - -.directorist_table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; -} - -.cptm-delete-directory-modal .cptm-modal-header { - 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; - transition: all 0.3s ease-in-out; - vertical-align: top; -} -.cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; -} -.cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary:hover { - color: #fff; - background-color: #3e62f5; -} -.cptm-delete-directory-modal .cptm-btn.cptm-btn-danger { - color: #ff272a; - border-color: #ff272a; - background-color: transparent; -} -.cptm-delete-directory-modal .cptm-btn.cptm-btn-danger:hover { - color: #fff; - background-color: #ff272a; -} - -.directorist_dropdown { - border: 1px solid #eff1f6; - border-radius: 5px; - position: relative; -} -.directorist_dropdown .directorist_dropdown-toggle { - 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; -} -.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; - box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - border-radius: 5px; - z-index: 99999; -} -.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; -} - -.directorist_select .select2-container .select2-selection--single { - padding: 0 20px; - height: 38px; - border: 1px solid #c6d0dc; -} - -.directorist_loader { - 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; - /* Safari */ - animation: atbd_spin 2s linear infinite; -} - -.directorist_disable { - pointer-events: none; -} - -#publishing-action.directorist_disable input#publish { - cursor: not-allowed; - opacity: 0.3; -} - -.directorist_more-dropdown { - position: relative; -} -.directorist_more-dropdown .directorist_more-dropdown-toggle { - 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; - box-shadow: 0 0; -} -.directorist_more-dropdown .directorist_more-dropdown-toggle i, -.directorist_more-dropdown .directorist_more-dropdown-toggle svg { - 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; - 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; -} -.directorist_more-dropdown .directorist_more-dropdown-option ul { - 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 a { - 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; - box-shadow: 0 0; -} -.directorist_more-dropdown .directorist_more-dropdown-option ul li a i { - font-size: 16px; - margin-right: 15px !important; - color: #c6d0dc; -} -@keyframes atbd_spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - left: 5px !important; - top: 4px !important; -} - -.directorist-form-group.directorist-faq-group { - margin-bottom: 30px; -} - -.directory_types-wrapper { - display: flex; - align-items: center; - flex-wrap: wrap; - margin: -8px; -} -.directory_types-wrapper .directory_type-group { - display: flex; - align-items: center; - flex-wrap: wrap; - padding: 8px; -} -.directory_types-wrapper .directory_type-group label { - padding: 0 0 0 2px; -} -.directory_types-wrapper .directory_type-group input { - position: relative; - top: 2px; -} - -.csv-action-btns { - 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: #3e62f5; - transition: all ease-in-out 300ms; -} -#atbdp_ie_download_sample:hover { - border-color: #264ef4; - background: #264ef4; - color: #fff; -} - -div#gmap { - height: 400px; -} - -.cor-wrap, -.lat_btn_wrap { - margin-top: 15px; -} - -img.atbdp-file-info { - max-width: 200px; -} - -/* admin notice */ -.directorist__notice_new { - font-size: 13px; - font-weight: 500; - margin-bottom: 2px !important; -} -.directorist__notice_new span { - display: block; - font-weight: 600; - font-size: 14px; -} -.directorist__notice_new a { - color: #3e62f5; - font-weight: 700; -} -.directorist__notice_new + p { - margin-top: 0px !important; -} - -.directorist__notice_new_action a { - 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; - 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; -} - -.add_listing_form_wrapper#gallery_upload .listing-prv-img-container { - text-align: center; -} - -.select2.select2-container .select2-selection--single { - border: 1px solid #8c8f94; - height: 40px; -} -.select2.select2-container .select2-selection--single .select2-selection__rendered { - height: 40px; - line-height: 38px; - padding: 0 15px; -} -.select2.select2-container .select2-results__option i, -.select2.select2-container .select2-results__option span.las, -.select2.select2-container .select2-results__option span.lab, -.select2.select2-container .select2-results__option span.la, -.select2.select2-container .select2-results__option span.fas, -.select2.select2-container .select2-results__option span.fab, -.select2.select2-container .select2-results__option span.far, -.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-flex { - display: flex; -} - -.directorist-flex-wrap { - flex-wrap: wrap; -} - -.directorist-align-center { - align-items: center; -} - -.directorist-justify-content-center { - justify-content: center; -} - -.directorist-justify-content-between { - justify-content: space-between; -} - -.directorist-justify-content-around { - justify-content: space-around; -} - -.directorist-justify-content-start { - justify-content: flex-start; -} - -.directorist-justify-content-end { - justify-content: flex-end; -} - -.directorist-display-none { - display: none; -} - -.directorist-icon-mask:after { - content: ""; - display: block; - width: 18px; - height: 18px; - 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: var(--directorist-icon); - mask-image: var(--directorist-icon); -} - -.directorist-error__msg { - color: var(--directorist-color-danger); - font-size: 14px; -} - -.entry-content .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; -} - -/* directorist module style */ -.directorist-content-module { - border: 1px solid var(--directorist-color-border); -} -.directorist-content-module__title { - border-bottom: 1px solid var(--directorist-color-border); - display: flex; - justify-content: space-between; - padding: 15px 40px; - align-items: center; - flex-wrap: wrap; - min-height: 36px; -} -@media (max-width: 480px) { - .directorist-content-module__title { - padding: 20px; - } -} -.directorist-content-module__title h4 { - margin: 0 !important; - font-size: 18px; - font-weight: 500; - line-height: 1.2; -} -.directorist-content-module__contents { - padding: 30px 40px; -} -@media (max-width: 480px) { - .directorist-content-module__contents { - padding: 20px; - } -} -.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: #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 .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: 10px; -} -.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-statusbar { - display: none; -} -.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-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover { - color: var(--directorist-color-white); - background: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after { - background-color: #fff; -} -.directorist-content-module__contents .directorist-form-social-info-field select { - color: var(--directorist-color-primary); -} - -.directorist-content-active #directorist.atbd_wrapper { - max-width: 100%; -} -.directorist-content-active #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; -} - -#directorist-dashboard-preloader { - display: none; -} - -.directorist-form-required { - color: var(--directorist-color-danger); -} - -.directory_register_form_wrap .dgr_show_recaptcha { - 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; -} -.directory_register_form_wrap a { - text-decoration: none; -} - -.atbd_login_btn_wrapper .directorist-btn { - 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); -} - -.atbdp_login_form_shortcode .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; -} -.atbdp_login_form_shortcode a { - text-decoration: none; -} - -.directory_register_form_wrap .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; -} -.directory_register_form_wrap .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; -} - -.directorist-quick-login .directorist-form-actions { - display: flex; - gap: 15px; - align-items: center; -} - -.directorist-loader { - 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; - 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; -} -.plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; -} -.plupload-upload-uic .atbdp_button { - border: 1px solid var(--directorist-color-border); - background: 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); -} - -@media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } -} -.directorist-address-field .address_result ul, -.directorist-form-address-field .address_result ul { - list-style: none; - margin: 0; - padding: 0; - max-width: 270px; - border-radius: 10px; -} -.directorist-address-field .address_result li, -.directorist-form-address-field .address_result li { - display: flex; - align-items: center; - gap: 15px; - margin-bottom: 0; - border: none; -} -.directorist-address-field .address_result li a, -.directorist-form-address-field .address_result li a { - color: var(--directorist-color-body); - display: block; - padding: 8px 10px; -} - -.pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - border-radius: 10px; -} -@media (max-width: 575px) { - .pac-container { - max-width: unset; - width: calc(100% - 30px) !important; - left: 30px !important; - } -} -.pac-container .pac-item { - 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); -} -.pac-container .pac-item .pac-matched { - font-weight: 400; -} -.pac-container .pac-item:hover span { - color: var(--directorist-color-primary); -} -.pac-container .pac-icon-marker { - position: relative; - height: 36px; - width: 36px; - min-width: 36px; - border-radius: 10px; - margin: 0 15px 0 0; - background: var(--directorist-color-border-gray); -} -.pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - left: 50%; - top: 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("../../../icons/font-awesome/svgs/solid/map-marker-alt.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/map-marker-alt.svg"); -} -.pac-container:after { - display: none; -} - -p.status:empty { - display: none; -} - -.gateway_list input[type=radio] { - margin-right: 5px; -} - -.directorist-checkout-form .directorist-container-fluid { - box-sizing: border-box; -} -.directorist-checkout-form ul { - 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); -} -.directorist-select select:focus { - outline: 0; -} - -.select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); -} - -body.logged-in .select2-container--open .select2-dropdown--above { - top: 32px; -} - -.select2-container--default .select2-dropdown { - border: none; - border-radius: 10px !important; - background-color: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow); -} -.select2-container--default .select2-search--dropdown { - padding: 20px 20px 10px 20px; -} -.select2-container--default .select2-search__field { - height: 40px; - padding: 10px 18px; - border-radius: 8px; - color: var(--directorist-color-deep-gray); - border: 1px solid var(--directorist-color-border-gray); -} -.select2-container--default .select2-search__field:focus { - outline: 0; -} -.select2-container--default .select2-results { - padding-bottom: 10px; -} -.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; -} -.select2-container--default .select2-results__option--highlighted { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent !important; -} -.select2-container--default .select2-results__message { - margin-bottom: 10px !important; -} -.select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-left: 0; - margin-top: 8.5px; -} -.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group { - margin-bottom: 0; - padding: 0; -} -.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control { - height: 24.5px; -} -.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { - margin: 0; - width: 100% !important; -} -.select2-container--default.select2-container--open .select2-results__option { - margin: 0; -} -.select2-container--default.select2-container--open .select2-results__option[aria-selected=true] { - font-weight: 500; - color: var(--directorist-color-primary); - background-color: transparent; -} -.select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents { - display: flex; - align-items: center; -} -.select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - margin-right: 12px; -} -.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) { - .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: 10px; - background: var(--directorist-color-bg-light); - } -} -.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-deep-gray); -} -.select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-deep-gray); -} - -.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: 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; - box-shadow: none; -} - -.cptm-shortcodes { - max-height: 300px; - overflow: scroll; -} - -.directorist-center-content { - display: flex; -} - -.directorist-center-content-inline { - display: inline-flex; -} - -.directorist-center-content, -.directorist-center-content-inline { - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} - -.directorist-text-right { - text-align: right; -} - -.directorist-text-center { - text-align: center; -} - -.directorist-text-left { - text-align: left; -} - -.directorist-mt-0 { - margin-top: 0 !important; -} - -.directorist-mt-5 { - margin-top: 5px !important; -} - -.directorist-mt-10 { - margin-top: 10px !important; -} - -.directorist-mt-15 { - margin-top: 15px !important; -} - -.directorist-mt-20 { - margin-top: 20px !important; -} - -.directorist-mt-30 { - margin-top: 30px !important; -} - -.directorist-mb-0 { - margin-bottom: 0 !important; -} - -.directorist-mb-35 { - margin-bottom: 35px !important; -} - -.directorist-mb-30 { - margin-bottom: 30px !important; -} - -.directorist-mb-25 { - margin-bottom: 25px !important; -} - -.directorist-mb-20 { - margin-bottom: 20px !important; -} - -.directorist-mb-n20 { - margin-bottom: -20px !important; -} - -.directorist-mb-15 { - margin-bottom: 15px !important; -} - -.directorist-mb-10 { - margin-bottom: 10px !important; -} - -.directorist-mb-40 { - margin-bottom: 40px !important; -} - -.directorist-mb-50 { - margin-bottom: 50px !important; -} - -.directorist-mb-70 { - margin-bottom: 70px !important; -} - -.directorist-mb-80 { - margin-bottom: 80px !important; -} - -.directorist-pb-100 { - padding-bottom: 100px !important; -} - -.directorist-w-100 { - width: 100% !important; - max-width: 100% !important; -} - -/* typography */ -body.stop-scrolling { - height: 100%; - overflow: hidden; -} - -.sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(0, 0, 0, 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; -} - -@media all and (max-width: 540px) { - .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; -} - -.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; -} - -.sweet-alert fieldset { - 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; - 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; - 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; -} - -.sweet-alert .sa-error-container p { - display: inline-block; -} - -.sweet-alert .sa-input-error { - position: absolute; - top: 29px; - right: 26px; - width: 20px; - height: 20px; - opacity: 0; - transform: scale(0.5); - transform-origin: 50% 50%; - 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; -} - -.sweet-alert .sa-input-error::before { - transform: rotate(-45deg); -} - -.sweet-alert .sa-input-error::after { - transform: rotate(45deg); -} - -.sweet-alert .sa-input-error.show { - opacity: 1; - transform: scale(1); -} - -.sweet-alert input { - 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(0, 0, 0, 0.06); - padding: 0 12px; - display: none; - transition: all 0.3s; -} - -.sweet-alert input:focus { - 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; -} - -.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; -} - -.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; -} - -.sweet-alert input::-moz-placeholder { - color: #bdbdbd; -} - -.sweet-alert input:-ms-input-placeholder { - color: #bdbdbd; -} - -.sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd; -} - -.sweet-alert.show-input input { - display: block; -} - -.sweet-alert .sa-confirm-button-container { - 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; -} - -.sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; -} - -.sweet-alert button:focus { - outline: 0; - box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -.sweet-alert button:hover { - background-color: #7ecff4; -} - -.sweet-alert button:active { - background-color: #5dc2f1; -} - -.sweet-alert button.cancel { - background-color: #c1c1c1; -} - -.sweet-alert button.cancel:hover { - background-color: #b9b9b9; -} - -.sweet-alert button.cancel:active { - background-color: #a8a8a8; -} - -.sweet-alert button.cancel:focus { - box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(0, 0, 0, 0.0470588) 0 0 0 1px inset !important; -} - -.sweet-alert button[disabled] { - opacity: 0.6; - cursor: default; -} - -.sweet-alert button.confirm[disabled] { - color: transparent; -} - -.sweet-alert button.confirm[disabled] ~ .la-ball-fall { - opacity: 1; - visibility: visible; - transition-delay: 0; -} - -.sweet-alert button::-moz-focus-inner { - border: 0; -} - -.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 .sa-icon { - width: 80px; - height: 80px; - border: 4px solid gray; - 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; -} - -.sweet-alert .sa-icon.sa-error .sa-x-mark { - 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; -} - -.sweet-alert .sa-icon.sa-error .sa-line.sa-left { - transform: rotate(45deg); - left: 17px; -} - -.sweet-alert .sa-icon.sa-error .sa-line.sa-right { - transform: rotate(-45deg); - right: 16px; -} - -.sweet-alert .sa-icon.sa-warning { - 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; -} - -.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; -} - -.sweet-alert .sa-icon.sa-info { - 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; -} - -.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; -} - -.sweet-alert .sa-icon.sa-success { - 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; - transform: rotate(45deg); -} - -.sweet-alert .sa-icon.sa-success::before { - border-radius: 120px 0 0 120px; - top: -7px; - left: -33px; - transform: rotate(-45deg); - transform-origin: 60px 60px; -} - -.sweet-alert .sa-icon.sa-success::after { - border-radius: 0 120px 120px 0; - top: -11px; - left: 30px; - transform: rotate(-45deg); - 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%; - 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; - 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; -} - -.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - left: 14px; - top: 46px; - transform: rotate(45deg); -} - -.sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - right: 8px; - top: 38px; - 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; -} -@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); - } -} -@keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } -} -@keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } -} -@keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } -} -@keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } -} -@keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } -} -.showSweetAlert[data-animation=pop] { - animation: showSweetAlert 0.3s; -} - -.showSweetAlert[data-animation=none] { - animation: none; -} - -.showSweetAlert[data-animation=slide-from-top] { - animation: slideFromTop 0.3s; -} - -.showSweetAlert[data-animation=slide-from-bottom] { - animation: slideFromBottom 0.3s; -} - -.hideSweetAlert[data-animation=pop] { - animation: hideSweetAlert 0.2s; -} - -.hideSweetAlert[data-animation=none] { - animation: none; -} - -.hideSweetAlert[data-animation=slide-from-top] { - animation: slideToTop 0.4s; -} - -.hideSweetAlert[data-animation=slide-from-bottom] { - animation: slideToBottom 0.3s; -} -@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; - } -} -@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; - } -} -@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); - } -} -.animateSuccessTip { - animation: animateSuccessTip 0.75s; -} - -.animateSuccessLong { - animation: animateSuccessLong 0.75s; -} - -.sa-icon.sa-success.animate::after { - animation: rotatePlaceholder 4.25s ease-in; -} -@keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } -} -.animateErrorIcon { - animation: animateErrorIcon 0.5s; -} -@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; - } -} -.animateXMark { - animation: animateXMark 0.5s; -} -@keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } -} -.pulseWarning { - animation: pulseWarning 0.75s infinite alternate; -} -@keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } -} -.pulseWarningIns { - animation: pulseWarningIns 0.75s infinite alternate; -} -@keyframes rotate-loading { - 0% { - transform: rotate(0); - } - 100% { - transform: rotate(360deg); - } -} -.sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(45deg) \9 ; -} - -.sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(-45deg) \9 ; -} - -.sweet-alert .sa-icon.sa-success { - border-color: transparent\9 ; -} - -.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(45deg) \9 ; -} - -.sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(-45deg) \9 ; -} - -/*! - * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) - * Copyright 2015 Daniel Cardoso <@DanielCardoso> - * Licensed under MIT - */ -.la-ball-fall, -.la-ball-fall > div { - position: relative; - box-sizing: border-box; -} - -.la-ball-fall { - display: block; - font-size: 0; - color: #fff; -} - -.la-ball-fall.la-dark { - color: #333; -} - -.la-ball-fall > div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor; -} - -.la-ball-fall { - width: 54px; - height: 18px; -} - -.la-ball-fall > div { - width: 10px; - height: 10px; - margin: 4px; - border-radius: 100%; - opacity: 0; - animation: ball-fall 1s ease-in-out infinite; -} - -.la-ball-fall > div:nth-child(1) { - animation-delay: -200ms; -} - -.la-ball-fall > div:nth-child(2) { - animation-delay: -100ms; -} - -.la-ball-fall > div:nth-child(3) { - animation-delay: 0; -} - -.la-ball-fall.la-sm { - width: 26px; - height: 8px; -} - -.la-ball-fall.la-sm > div { - width: 4px; - height: 4px; - margin: 2px; -} - -.la-ball-fall.la-2x { - width: 108px; - height: 36px; -} - -.la-ball-fall.la-2x > div { - width: 20px; - height: 20px; - margin: 8px; -} - -.la-ball-fall.la-3x { - width: 162px; - height: 54px; -} - -.la-ball-fall.la-3x > div { - width: 30px; - height: 30px; - margin: 12px; -} -@keyframes ball-fall { - 0% { - opacity: 0; - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - transform: translateY(0); - } - 80% { - opacity: 1; - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - transform: translateY(145%); - } -} -.directorist-add-listing-types { - display: flex; -} -.directorist-add-listing-types__single { - margin-bottom: 15px; -} -.directorist-add-listing-types__single__link { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - background: var(--directorist-color-white); - color: var(--directorist-color-primary); - font-size: 16px; - font-weight: 500; - text-decoration: none; - text-align: center; - padding: 40px 0; - border-radius: 16px; - box-shadow: var(--directorist-box-shadow); - transition: all 0.3s ease-in-out; - /* Legacy Icon */ -} -.directorist-add-listing-types__single__link .directorist-icon-mask { - 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: all 0.3s ease-in-out; -} -.directorist-add-listing-types__single__link .directorist-icon-mask:after { - width: 23px; - height: 23px; - background-color: #fff; -} -.directorist-add-listing-types__single__link:hover { - background: 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: #000; -} -.directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; -} - -.directorist-add-listing-wrapper { - display: flex; -} - -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - border: none; - margin-bottom: 35px; - border-radius: 16px; - box-shadow: var(--directorist-box-shadow); - /* social info */ -} -.directorist-add-listing-form .directorist-content-module__title, -#directiost-listing-fields_wrapper .directorist-content-module__title { - gap: 15px; - justify-content: flex-start; -} -.directorist-add-listing-form .directorist-content-module__title i, -#directiost-listing-fields_wrapper .directorist-content-module__title i { - display: flex; - align-items: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; - background-color: var(--directorist-color-primary); -} -.directorist-add-listing-form .directorist-content-module__title i:after, -#directiost-listing-fields_wrapper .directorist-content-module__title i:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-group:not(:last-child), -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group:not(:last-child) { - margin-bottom: 40px; -} -.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: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: 54px; -} -.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: 42px; - top: 34px; -} -.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; -} -@media screen and (max-width: 575px) { - .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, - #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - flex-direction: column; - } -} -.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; -} -@media screen and (max-width: 575px) { - .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 { - width: 100%; - } -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group.directorist-form-social-fields__action, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group.directorist-form-social-fields__action { - flex: unset; -} -.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: 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: 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-alert-required, -#directiost-listing-fields_wrapper .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; -} - -/* ========================== - add listing form fields -============================= */ -/* listing label */ -.directorist-form-label { - display: block; - color: var(--directorist-color-primary); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; -} - -.directorist-custom-field-radio > .directorist-form-label, -.directorist-custom-field-checkbox > .directorist-form-label { - margin-bottom: 10px; -} - -/* listing type */ -.directorist-form-listing-type { - display: flex; - flex-wrap: wrap; - gap: 20px; -} -@media (max-width: 767px) { - .directorist-form-listing-type { - flex-direction: column; - } -} -.directorist-form-listing-type .directorist-form-label { - font-size: 18px; - font-weight: 500; - flex: 0 0 100%; - margin: 0; -} -.directorist-form-listing-type__single { - flex: 0 0 45%; -} -.directorist-form-listing-type__single.directorist-radio { - align-items: flex-start; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label { - width: 100%; - padding: 25px; - font-size: 15px; - font-weight: 500; - padding-left: 55px; - border-radius: 16px; - cursor: pointer; - color: var(--directorist-color-primary); - border: 3px solid var(--directorist-color-border-gray); -} -.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: 31px; - top: 31px; -} -.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); -} - -/* Pricing */ -.directorist-form-pricing-field__options { - 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: 15px; - font-weight: 700; - min-height: 18px; - padding-left: 27px; -} -@media screen and (max-width: 575px) { - .directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - padding: 0 27px 0 0; - } -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after { - 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: #fff; - border-radius: 100%; - border: 5px solid #000; -} -@media screen and (max-width: 575px) { - .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - left: unset; - right: 0; - } -} -.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%; -} - -.price-type-price_range .directorist-form-pricing-field__options, -.price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; -} - -/* location */ -.directorist-select-multi select { - display: none; -} - -#directorist-location-select { - z-index: 113 !important; -} - -/* tags */ -#directorist-tag-select { - z-index: 112 !important; -} - -/* categories */ -#directorist-category-select { - z-index: 111 !important; -} - -.directorist-form-group .select2-selection { - 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; -} -.directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; -} - -/* hide contact owner */ -.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; -} - -.directorist-map-coordinates { - padding: 0 0 15px 0; - display: flex; - flex-wrap: wrap; - align-items: center; - margin: 15px -15px 0; -} -.directorist-map-coordinates .directorist-form-group { - flex: 1; - padding-left: 15px; - padding-right: 15px; - max-width: 290px; -} -.directorist-map-coordinates__generate { - 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-form-map-field__wrapper { - margin-bottom: 10px; -} -.directorist-form-map-field__maps #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 16px; -} -.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: 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(0, 0, 0, 0.2); - 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("../../../icons/font-awesome/svgs/solid/map-pin.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/map-pin.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 .map_drag_info { - display: none; -} - -/* EZ Media Upload */ -.directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 16px; - padding: 35px 0; - margin: 0; - background: 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: 145px; -} -.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 { - 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; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after { - width: 90px; - height: 80px; - background: var(--directorist-color-border-gray); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap { - display: flex; - align-items: center; - justify-content: center; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label { - margin: 0; - padding: 0 5px; - box-shadow: none; - line-height: 25px; - background: transparent; - color: #ff385c; -} -.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: 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("../../../icons/font-awesome/svgs/regular/image.svg"); - mask-image: url("../../../icons/font-awesome/svgs/regular/image.svg"); -} -.directorist-form-image-upload-field .ezmu__info-list-item:empty { - display: none; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item { - width: auto; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list { - gap: 8px; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item { - width: 100px; - margin: 0; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__featured_tag { - display: none; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__thumbnail-front-item { - display: none; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__thumbnail-front-item.ezmu__front-item__close { - display: block; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__thumbnail-front-item.ezmu__front-item__close .ezmu__front-item__close-icon { - background: #ff385c; - height: 32px; - width: 32px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - transition: 0.3s ease; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__thumbnail-front-item.ezmu__front-item__close .ezmu__front-item__close-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__thumbnail-front-item.ezmu__front-item__close .ezmu__front-item__close-icon:hover { - opacity: 0.8; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_back { - position: relative; - height: 80px; - width: 100%; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img { - -o-object-fit: cover; - object-fit: cover; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_back:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); - opacity: 0; - visibility: visible; - transition: all ease 0.3s; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; -} -.directorist-form-image-upload-field .ezmu__media-picker-buttons { - margin-top: 0; -} -.directorist-form-image-upload-field .ezmu__titles-area .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; -} -.directorist-form-image-upload-field .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: #fff; -} -.directorist-form-image-upload-field .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { - pointer-events: none; - opacity: 0.7; -} -.directorist-form-image-upload-field .directorist-image-upload.max-file-reached.highlight { - position: relative; -} -.directorist-form-image-upload-field .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-form-image-upload-field .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-form-image-upload-field .ezmu__info-list { - display: flex; - align-items: center; - flex-direction: column; - gap: 8px; - margin: 15px 0 0; -} -.directorist-form-image-upload-field .ezmu__info-list .ezmu__info-list-item { - margin: 0; -} - -.directorist-add-listing-form { - /* form action */ -} -.directorist-add-listing-form__action { - display: flex; - flex-direction: column; - border-radius: 16px; - box-shadow: var(--directorist-box-shadow); -} -.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; - 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; -} -.directorist-add-listing-form__action #listing_notifier { - padding: 0 40px; - margin: 30px 0 20px; - font-weight: 600; - color: var(--directorist-color-danger); -} -.directorist-add-listing-form__action #listing_notifier .atbdp_success { - color: var(--directorist-color-success); -} -.directorist-add-listing-form__action .directorist-form-group, -.directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 40px 0; - margin: 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; -} -.directorist-add-listing-form__action .directorist-form-group label a, -.directorist-add-listing-form__action .directorist-checkbox label a { - color: var(--directorist-color-info); -} -.directorist-add-listing-form__action .directorist-form-required { - padding-left: 5px; -} -.directorist-add-listing-form__publish { - padding: 100px 15px; - margin-bottom: 0; - text-align: center; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background: var(--directorist-color-light); -} -.directorist-add-listing-form__publish__icon i:after { - width: 30px; - height: 30px; - background: var(--directorist-color-primary); -} -.directorist-add-listing-form__publish__title { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; -} -.directorist-add-listing-form__publish__subtitle { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; -} -.directorist-add-listing-form .leaflet-pane .leaflet-marker-icon .atbd_map_shape { - width: 50px; - height: 50px; -} -.directorist-add-listing-form .leaflet-pane .leaflet-marker-icon .atbd_map_shape:before { - left: -25px; - top: -25px; - border: 50px solid rgba(0, 0, 0, 0.2); -} -.directorist-add-listing-form .leaflet-pane .leaflet-marker-icon .atbd_map_shape .directorist-icon-mask::after { - width: 12px; - height: 20px; - background: var(--directorist-color-white); -} - -/* Custom Fields */ -/* select */ -.directorist-custom-field-select select.directorist-form-element { - 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; -} -.plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; -} -.plupload-upload-uic .directorist-dropbox-file-types { - 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; -} - -.directorist-modal-container.show { - display: block; -} - -.directorist-modal-wrap { - 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: #fff; - border-radius: 10px; - overflow: hidden; -} - -.directorist-modal-header { - display: flex; - padding: 10px 20px; - justify-content: space-between; - align-items: center; - border-bottom: 1px solid #e4e4e4; -} - -.directorist-modal-title-area { - display: block; -} - -.directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; -} - -.directorist-modal-actions-area { - display: block; - padding: 0 10px; -} - -.directorist-modal-body { - display: block; - padding: 20px; -} - -.directorist-form-privacy { - 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-form-terms { - display: flex; -} -.directorist-form-privacy a, -.directorist-form-terms a { - text-decoration: none; -} - -/* ============================= - backend add listing form -================================*/ -.add_listing_form_wrapper .hide-if-no-js { - display: flex; - 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; -} - -.directorist-map-field #floating-panel { - margin-bottom: 20px; -} -.directorist-map-field #floating-panel #delete_marker { - background-color: var(--directorist-color-danger); - border: 1px solid var(--directorist-color-danger); - color: #fff; -} - -#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: flex; - flex-wrap: wrap; -} -.directorist-custom-field-radio .directorist-form-label, -.directorist-custom-field-radio .directorist-custom-field-btn-more, -.directorist-custom-field-checkbox .directorist-form-label, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more { - 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 { - flex: 0 0 50%; -} -@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 { - 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; -} -.directorist-custom-field-radio .directorist-custom-field-btn-more:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more:after { - font-size: 14px; - font-family: "Line Awesome Free"; - content: "\f107"; - font-weight: 900; - padding-left: 5px; -} -.directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after { - content: "\f106"; -} - -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered { - height: 40px; - 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; -} - -.multistep-wizard { - display: flex; - gap: 30px; -} -@media only screen and (max-width: 991px) { - .multistep-wizard { - flex-direction: column; - } -} -.multistep-wizard__nav { - display: flex; - flex-direction: column; -} -@media only screen and (max-width: 991px) { - .multistep-wizard__nav { - gap: 10px; - flex-wrap: wrap; - flex-direction: row; - } -} -.multistep-wizard__nav__btn { - 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; - border-radius: 12px; - text-decoration: unset; - color: var(--directorist-color-light-gray); - background-color: transparent; - transition: all 0.3s ease-in-out; -} -.multistep-wizard__nav__btn i { - 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); -} -.multistep-wizard__nav__btn:before { - position: absolute; - right: 20px; - top: 50%; - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url("../../../icons/font-awesome/svgs/solid/arrow-right.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/arrow-right.svg"); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: #000; - display: block; - opacity: 0; - transition: all 0.3s ease 0s; - z-index: 2; -} -.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover { - font-weight: 600; - color: var(--directorist-color-dark); - background: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow-sm); -} -.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before { - opacity: 1; -} -.multistep-wizard__nav__btn.active i::after, .multistep-wizard__nav__btn:hover i::after { - background-color: var(--directorist-color-primary); -} -.multistep-wizard__nav__btn:focus { - text-decoration: unset; -} -.multistep-wizard__nav__btn.completed { - color: var(--directorist-color-dark); -} -.multistep-wizard__nav__btn.completed:before { - -webkit-mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - opacity: 1; -} -.multistep-wizard__nav__btn.completed i::after { - background-color: var(--directorist-color-primary); -} -.multistep-wizard__content { - flex: 1; -} -.multistep-wizard__single { - display: none; -} -.multistep-wizard__single.active { - display: block; -} -.multistep-wizard__single label { - display: block; -} -.multistep-wizard__single span.required { - color: var(--directorist-color-danger); -} -.multistep-wizard__progressbar { - position: relative; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 10px; -} -.multistep-wizard__progressbar:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-border); - border-radius: 10px; - transition: width 0.3s ease-in-out; -} -.multistep-wizard__progressbar__width { - 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: 10px; - transition: width 0.3s ease-in-out; -} -.multistep-wizard__bottom { - 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; - justify-content: center; - } -} -.multistep-wizard__btn { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); -} -.multistep-wizard__btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.multistep-wizard__btn:hover i:after { - background-color: var(--directorist-color-white); -} -.multistep-wizard__btn[disabled=true] { - color: var(--directorist-color-light-gray); - pointer-events: none; -} -.multistep-wizard__btn[disabled=true] i:after { - background-color: var(--directorist-color-light-gray); -} -.multistep-wizard__btn i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); -} -.multistep-wizard__btn--save-preview { - flex: 0 0 100%; -} -.multistep-wizard__btn--save-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; -} -@media only screen and (max-width: 575px) { - .multistep-wizard__btn--save-preview { - width: 100%; - } -} -.multistep-wizard__btn--skip-preview { - flex: 0 0 100%; -} -.multistep-wizard__btn--skip-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; -} -.multistep-wizard__btn.directorist-btn { - min-height: unset; -} -@media only screen and (max-width: 575px) { - .multistep-wizard__btn.directorist-btn { - flex: 0 0 100%; - } -} -.multistep-wizard__count { - font-size: 15px; - font-weight: 500; -} -@media only screen and (max-width: 575px) { - .multistep-wizard__count { - flex: 0 0 100%; - text-align: center; - } -} - -.upload-error { - display: block !important; - clear: both; - background: #FCD9D9; - color: #E80000; - font-size: 16px; - word-break: break-word; - border-radius: 3px; - padding: 15px 20px; -} - -#upload-msg { - display: block; - clear: both; -} - -#content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden; -} - -#content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px; -} - -#content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden; -} - -#content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px; -} - -#sidebar .recent_comments li img.thumb { - width: 40px; -} - -.post_img_tiny img { - width: 35px; -} - -.single_post_blog img.alignleft { - width: 96%; - height: auto; -} - -.ecu_images { - width: 100%; -} - -.filelist { - width: 100%; -} - -.filelist .file { - padding: 5px; - background: #ececec; - border: solid 1px #ccc; - margin-bottom: 4px; - clear: both; - text-align: left; -} - -.filelist .fileprogress { - width: 0%; - background: #3385ff; - height: 5px; -} - -#custom-filedropbox { - display: flex; - align-items: center; - justify-content: flex-start; - gap: 20px; -} - -.plupload-upload-uic { - width: 200px; - height: 150px; - padding: 0; - display: flex; - gap: 15px; - align-items: center; - justify-content: center; - flex-direction: column; - border-radius: 16px; - margin: 0 !important; - background: var(--directorist-color-bg-gray); - border: 2px dashed var(--directorist-color-border-gray); -} -.plupload-upload-uic > input { - display: none; -} -.plupload-upload-uic .plupload-browse-button-label { - cursor: pointer; -} -.plupload-upload-uic .plupload-browse-button-label i::after { - 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); -} - -.plupload-thumbs { - clear: both; - overflow: hidden; -} - -.plupload-thumbs .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 16px; -} -.plupload-thumbs .thumb img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 16px; -} -.plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; -} -.plupload-thumbs .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - right: 10px; - background: #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; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink i { - 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: 16px; - transition: all ease 0.3s; - background-color: rgba(0, 0, 0, 0.5); -} - -.plupload-thumbs .thumb.atbdp_file { - 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; -} - -.plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1; -} - -.plupload-thumbs .thumb .thumbi { - position: absolute; - right: -10px; - top: -8px; - height: 18px; - width: 18px; -} - -.plupload-thumbs .thumb .thumbi a { - 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; -} - -.plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; -} - -/* required styles */ -.leaflet-pane, -.leaflet-tile, -.leaflet-marker-icon, -.leaflet-marker-shadow, -.leaflet-tile-container, -.leaflet-pane > svg, -.leaflet-pane > canvas, -.leaflet-zoom-box, -.leaflet-image-layer, -.leaflet-layer { - position: absolute; - left: 0; - top: 0; -} - -.leaflet-container { - overflow: hidden; -} - -.leaflet-tile, -.leaflet-marker-icon, -.leaflet-marker-shadow { - -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; -} - -/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ -.leaflet-safari .leaflet-tile { - 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; -} - -.leaflet-marker-icon, -.leaflet-marker-shadow { - display: block; -} - -/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ -/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ -.leaflet-container .leaflet-overlay-pane svg, -.leaflet-container .leaflet-marker-pane img, -.leaflet-container .leaflet-shadow-pane img, -.leaflet-container .leaflet-tile-pane img, -.leaflet-container img.leaflet-image-layer, -.leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; -} - -.leaflet-container.leaflet-touch-zoom { - touch-action: pan-x pan-y; -} - -.leaflet-container.leaflet-touch-drag { - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; -} - -.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - touch-action: none; -} - -.leaflet-container { - -webkit-tap-highlight-color: transparent; -} - -.leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); -} - -.leaflet-tile { - filter: inherit; - visibility: hidden; -} - -.leaflet-tile-loaded { - visibility: inherit; -} - -.leaflet-zoom-box { - width: 0; - height: 0; - 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; -} - -.leaflet-pane { - z-index: 400; -} - -.leaflet-tile-pane { - z-index: 200; -} - -.leaflet-overlay-pane { - z-index: 400; -} - -.leaflet-shadow-pane { - z-index: 500; -} - -.leaflet-marker-pane { - z-index: 600; -} - -.leaflet-tooltip-pane { - z-index: 650; -} - -.leaflet-popup-pane { - z-index: 700; -} - -.leaflet-map-pane canvas { - z-index: 100; -} - -.leaflet-map-pane svg { - z-index: 200; -} - -.leaflet-vml-shape { - width: 1px; - height: 1px; -} - -.lvml { - 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; -} - -.leaflet-top, -.leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; -} - -.leaflet-top { - top: 0; -} - -.leaflet-right { - right: 0; - display: none; -} - -.leaflet-bottom { - bottom: 0; -} - -.leaflet-left { - left: 0; -} - -.leaflet-control { - float: left; - clear: both; -} - -.leaflet-right .leaflet-control { - float: right; -} - -.leaflet-top .leaflet-control { - margin-top: 10px; -} - -.leaflet-bottom .leaflet-control { - margin-bottom: 10px; -} - -.leaflet-left .leaflet-control { - margin-left: 10px; -} - -.leaflet-right .leaflet-control { - margin-right: 10px; -} - -/* zoom and fade animations */ -.leaflet-fade-anim .leaflet-tile { - will-change: opacity; -} - -.leaflet-fade-anim .leaflet-popup { - opacity: 0; - transition: opacity 0.2s linear; -} - -.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; -} - -.leaflet-zoom-animated { - transform-origin: 0 0; -} - -.leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; -} - -.leaflet-zoom-anim .leaflet-zoom-animated { - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); -} - -.leaflet-zoom-anim .leaflet-tile, -.leaflet-pan-anim .leaflet-tile { - transition: none; -} - -.leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; -} - -/* cursors */ -.leaflet-interactive { - cursor: pointer; -} - -.leaflet-grab { - cursor: grab; -} - -.leaflet-crosshair, -.leaflet-crosshair .leaflet-interactive { - cursor: crosshair; -} - -.leaflet-popup-pane, -.leaflet-control { - cursor: auto; -} - -.leaflet-dragging .leaflet-grab, -.leaflet-dragging .leaflet-grab .leaflet-interactive, -.leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: grabbing; -} - -/* marker & overlays interactivity */ -.leaflet-marker-icon, -.leaflet-marker-shadow, -.leaflet-image-layer, -.leaflet-pane > svg path, -.leaflet-tile-container { - 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; -} - -/* visual tweaks */ -.leaflet-container { - background: #ddd; - outline: 0; -} - -.leaflet-container a, -.leaflet-container .map-listing-card-single__content a { - color: #404040; -} - -.leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; -} - -.leaflet-zoom-box { - 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; -} - -/* general toolbar styles */ -.leaflet-bar { - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; -} - -.leaflet-bar a, -.leaflet-bar a:hover { - background-color: #fff; - 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; -} - -.leaflet-bar a:hover { - background-color: #f4f4f4; -} - -.leaflet-bar a:first-child { - 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; -} - -.leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; -} - -.leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; -} - -.leaflet-touch .leaflet-bar a:first-child { - 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; -} - -/* zoom control */ -.leaflet-control-zoom-in, -.leaflet-control-zoom-out { - 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; -} - -/* layers control */ -.leaflet-control-layers { - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background: #fff; - border-radius: 5px; -} - -.leaflet-control-layers-toggle { - width: 36px; - height: 36px; -} - -.leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; -} - -.leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; -} - -.leaflet-control-layers .leaflet-control-layers-list, -.leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; -} - -.leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; -} - -.leaflet-control-layers-expanded { - padding: 6px 10px 6px 6px; - color: #333; - background: #fff; -} - -.leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-right: 5px; -} - -.leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; -} - -.leaflet-control-layers label { - display: block; -} - -.leaflet-control-layers-separator { - 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: #fff; - background: rgba(255, 255, 255, 0.7); - margin: 0; -} - -.leaflet-control-attribution, -.leaflet-control-scale-line { - padding: 0 5px; - color: #333; -} - -.leaflet-control-attribution a { - text-decoration: none; -} - -.leaflet-control-attribution a:hover { - text-decoration: underline; -} - -.leaflet-container .leaflet-control-attribution, -.leaflet-container .leaflet-control-scale { - font-size: 11px; -} - -.leaflet-left .leaflet-control-scale { - margin-left: 5px; -} - -.leaflet-bottom .leaflet-control-scale { - 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; - box-sizing: border-box; - background: #fff; - 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; -} - -.leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; -} - -.leaflet-touch .leaflet-control-attribution, -.leaflet-touch .leaflet-control-layers, -.leaflet-touch .leaflet-bar { - 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; -} - -/* popup */ -.leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; -} - -.leaflet-popup-content-wrapper { - padding: 1px; - text-align: left; - border-radius: 12px; -} - -.leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; -} - -.leaflet-popup-content p { - margin: 18px 0; -} - -.leaflet-popup-tip-container { - 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; - transform: rotate(45deg); -} - -.leaflet-popup-content-wrapper, -.leaflet-popup-tip { - 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; -} - -.leaflet-container a.leaflet-popup-close-button:hover { - color: #999; -} - -.leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; -} - -.leaflet-oldie .leaflet-popup-content-wrapper { - 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); -} - -.leaflet-oldie .leaflet-popup-tip-container { - 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; -} - -/* div icon */ -.leaflet-div-icon { - background: #fff; - border: 1px solid #666; -} - -/* Tooltip */ -/* Base styles for the element that has a tooltip */ -.leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: #fff; - border: 1px solid #fff; - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-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; -} - -.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: ""; -} - -/* Directions */ -.leaflet-tooltip-bottom { - margin-top: 6px; -} - -.leaflet-tooltip-top { - margin-top: -6px; -} - -.leaflet-tooltip-bottom:before, -.leaflet-tooltip-top:before { - left: 50%; - margin-left: -6px; -} - -.leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: #fff; -} - -.leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-left: -6px; - border-bottom-color: #fff; -} - -.leaflet-tooltip-left { - margin-left: -6px; -} - -.leaflet-tooltip-right { - margin-left: 6px; -} - -.leaflet-tooltip-left:before, -.leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; -} - -.leaflet-tooltip-left:before { - right: 0; - margin-right: -12px; - border-left-color: #fff; -} - -.leaflet-tooltip-right:before { - left: 0; - margin-left: -12px; - border-right-color: #fff; -} - -#map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; -} - -#gmap_full_screen_button { - 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: var(--directorist-color-white); - cursor: pointer; -} -#gmap_full_screen_button i::after { - width: 22px; - height: 22px; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); -} -#gmap_full_screen_button .fullscreen-disable { - display: none; -} - -#progress { - display: none; - position: absolute; - z-index: 1000; - left: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-left: -100px; - background-color: #fff; - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; -} - -#progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; -} - -.gm-fullscreen-control { - 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; -} - -.gmnoprint, -.gm-style-cc { - display: none; -} - -.italic { - font-style: italic; -} - -.buttonsTable { - border: 1px solid grey; - border-collapse: collapse; -} - -.buttonsTable td, -.buttonsTable th { - padding: 8px; - border: 1px solid grey; -} - -.version-disabled { - text-decoration: line-through; -} - -/* For sortable field */ -.ui-sortable tr:hover { - cursor: move; -} - -.ui-sortable tr.alternate { - background-color: #F9F9F9; -} - -.ui-sortable tr.ui-sortable-helper { - background-color: #F9F9F9; - border-top: 1px solid #DFDFDF; -} - -.directorist-form-group { - position: relative; -} -.directorist-form-group textarea, -.directorist-form-group textarea.directorist-form-element { - min-height: 120px; -} - -.directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - height: 40px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); - border: none; - border-radius: 0; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border-gray); -} -.directorist-form-group .directorist-form-element:focus { - outline: none; - box-shadow: 0 0; - border-bottom: 2px solid var(--directorist-color-primary); -} - -.directorist-form-element.directorist-form-element-lg { - height: 50px; -} -.directorist-form-element.directorist-form-element-sm { - height: 30px; -} - -.directorist-form-group.directorist-icon-left .directorist-input-icon { - left: 0; -} -.directorist-form-group.directorist-icon-left .location-name { - padding-left: 25px; - box-sizing: border-box; -} -.directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 15px; -} -.directorist-form-group.directorist-icon-right .location-name { - padding-right: 25px; - box-sizing: border-box; -} -.directorist-form-group .directorist-input-icon { - position: absolute; - top: 50%; - transform: translateY(-50%); - line-height: 1.45; - margin-top: -2px; - z-index: 99; -} -.directorist-form-group .directorist-input-icon i, -.directorist-form-group .directorist-input-icon span, -.directorist-form-group .directorist-input-icon svg { - font-size: 14px; -} -.directorist-form-group .directorist-input-icon .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); -} - -.directorist-label { - margin-bottom: 0; -} - -input.directorist-toggle-input { - display: none; -} - -.directorist-toggle-input-label { - display: flex; - align-items: center; - justify-content: space-between; -} - -span.directorist-toggle-input-label-text { - 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; - 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: #ffffff; - 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: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); -} - -.directorist-flex-content { - display: flex; -} - -.directorist-flex-space-between { - justify-content: space-between; -} - -.directorist-flex-grow-1 { - flex-grow: 1; -} - -.directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: flex; - justify-content: center; - align-items: center; -} - -.directorist-tab-navigation-list-item { - 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); -} -.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); - 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; - 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); -} -.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); - transform: translate(-50%, 0); -} - -.directorist-tab-content { - display: none; -} -.directorist-tab-content.--is-active { - display: block; -} - -.directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; -} - -.directorist-label-addon-prepend { - margin-right: 10px; -} - -.--is-hidden { - display: none; -} - -.directorist-flex-center { - display: flex; - align-items: center; - justify-content: center; -} - -/* Directorist button styles */ -.directorist-btn { - display: inline-flex; - align-items: center; - justify-content: center; - font-size: 15px; - font-weight: 500; - vertical-align: middle; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - cursor: pointer; - padding: 0 26px; - min-height: 45px; - line-height: 1.5; - border-radius: 10px; - border: 1px solid transparent; - text-decoration: none; - box-sizing: border-box; - color: var(--directorist-color-primary); - transition: all ease 0.3s; -} -.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout { - line-height: 43px; -} -.directorist-btn:focus { - outline: 0 !important; - text-decoration: none !important; -} - -.directorist-btn.directorist-btn-primary { - background: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-primary:focus { - background: var(--directorist-color-primary) !important; -} -.directorist-btn.directorist-btn-primary:hover { - background: var(--directorist-color-primary-hover); -} -.directorist-btn.directorist-btn-secondary { - background: var(--directorist-color-secondary); - color: var(--directorist-color-body); -} -.directorist-btn.directorist-btn-dark { - background: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-success { - background: var(--directorist-color-success); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-info { - background: var(--directorist-color-info); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-light { - background: var(--directorist-color-light); -} -.directorist-btn.directorist-btn-light:hover { - background: var(--directorist-color-light-hover); - border-color: transparent; -} -.directorist-btn.directorist-btn-lighter { - background-color: #F6F7F9; - color: var(--directorist-color-primary); -} -.directorist-btn.directorist-btn-warning { - background: var(--directorist-color-warning); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-danger { - background: var(--directorist-color-danger); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-bg-normal { - background: #F9F9F9; -} - -.directorist-btn.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; -} -.directorist-btn.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; -} -.directorist-btn.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; -} -.directorist-btn.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; -} -.directorist-btn.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; -} -.directorist-btn.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; -} -.directorist-btn.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; -} -.directorist-btn.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; -} -.directorist-btn.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; -} -.directorist-btn.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; -} - -.directorist-btn.directorist-btn-lg { - min-height: 50px; -} -.directorist-btn.directorist-btn-md { - min-height: 46px; -} -.directorist-btn.directorist-btn-sm { - min-height: 40px; -} -.directorist-btn.directorist-btn-xs { - min-height: 36px; -} -.directorist-btn.directorist-btn-px-15 { - padding: 0 15px; -} -.directorist-btn.directorist-btn-block { - display: flex; -} - -/* Modal Core Styles */ -.directorist-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - left: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; -} - -.directorist-modal__dialog { - 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; -} - -.directorist-modal__content { - width: 100%; - background: var(--directorist-color-white); - pointer-events: auto; - border-radius: 16px; - position: relative; -} -.directorist-modal__content .directorist-modal__header { - 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: 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 { - background-color: var(--directorist-color-light-hover); -} -.directorist-modal__content .directorist-modal__body { - 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: 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; -} -.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element { - resize: none; -} - -.directorist-modal__dialog.directorist-modal--lg { - width: 800px; -} - -.directorist-modal__dialog.directorist-modal--xl { - width: 1140px; -} - -.directorist-modal__dialog.directorist-modal--sm { - width: 300px; -} - -.directorist-modal.directorist-fade { - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; -} - -.directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; -} - -.directorist-modal.directorist-show .directorist-modal__dialog { - 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; -} -.directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - opacity: 1; - transition: all ease 0.4s; -} -.directorist-search-modal__contents { - 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: 16px; - 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__header { - 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__body { - 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: 75px; - padding: 30px 30px 0; - height: calc(100vh - 220px); - } -} -.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; -} -@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__title { - 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__btn { - 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; - transition: all ease 0.3s; -} -.directorist-search-modal__contents__btn i::after { - width: 10px; - height: 10px; -} -.directorist-search-modal__contents__btn:hover i::after { - 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__contents .select2-container--default .select2-selection--single .select2-selection__placeholder { - line-height: 40px; -} -.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__minimizer { - content: ""; - position: absolute; - top: 10px; - left: 50%; - transform: translateX(-50%); - width: 50px; - height: 5px; - border-radius: 10px; - 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--basic .directorist-search-modal__contents__body { - 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); - } -} -@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-query { - position: relative; -} -.directorist-search-modal--basic .directorist-search-query:after { - content: ""; - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); - 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: var(--directorist-color-body); - -webkit-mask-image: url("../../../icons/font-awesome/svgs/solid/search.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/search.svg"); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search { - border-radius: 10px; - 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: var(--directorist-color-white); -} -@media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - } -} -.directorist-search-modal--basic .open_now > label { - 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-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, -.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 { - flex: 0 0 100%; -} -.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 { - height: auto; -} -.directorist-search-modal--basic .directorist-checkbox-rating { - flex-direction: row; -} -.directorist-search-modal__input { - display: flex; - align-items: center; - border: 1px solid var(--directorist-color-border); - border-radius: 10px; - min-height: 40px; - margin: 0 0 15px; - transition: all ease 0.3s; -} -.directorist-search-modal__input .directorist-search-field, -.directorist-search-modal__input .directorist-select { - display: inline-flex; - flex-wrap: wrap; - flex: 1; -} -.directorist-search-modal__input .directorist-search-field label, -.directorist-search-modal__input .directorist-select label { - display: none; -} -.directorist-search-modal__input .directorist-select2-dropdown-close { - display: none; -} -.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__btn { - 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; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); -} -.directorist-search-modal__input:focus .directorist-search-modal__input__btn, .directorist-search-modal__input:focus-within .directorist-search-modal__input__btn { - width: auto; - padding: 0 20px; -} -.directorist-search-modal__input:focus .directorist-search-modal__input__btn .directorist-icon-mask::after, .directorist-search-modal__input:focus-within .directorist-search-modal__input__btn .directorist-icon-mask::after { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__input:focus .directorist-search-query::after, -.directorist-search-modal__input:focus .directorist-select2-dropdown-toggle, -.directorist-search-modal__input:focus .directorist-search-field .directorist-input-icon, .directorist-search-modal__input:focus-within .directorist-search-query::after, -.directorist-search-modal__input:focus-within .directorist-select2-dropdown-toggle, -.directorist-search-modal__input:focus-within .directorist-search-field .directorist-input-icon { - display: none; -} -.directorist-search-modal__input.input-has-value .directorist-search-modal__input__btn--clear { - width: auto; - padding: 0 20px; -} -.directorist-search-modal__input.input-has-value .directorist-search-modal__input__btn--clear .directorist-icon-mask::after { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__input.input-has-value .directorist-search-query::after, -.directorist-search-modal__input.input-has-value .directorist-select2-dropdown-toggle, -.directorist-search-modal__input.input-has-value .directorist-search-field .directorist-input-icon { - display: none; -} -.directorist-search-modal .directorist-checkbox-wrapper, -.directorist-search-modal .directorist-radio-wrapper, -.directorist-search-modal .directorist-search-tags { - padding: 0; - gap: 12px; - flex-wrap: wrap; -} - -/* 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); - } -} -/* 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); - } -} -/* 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); - } -} -/* 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); - } -} -/* Alerts style */ -.directorist-alert { - font-size: 16px; - word-break: break-word; - border-radius: 3px; - background: #f4f4f4; - padding: 15px 20px; - display: flex; - align-items: center; - flex-wrap: wrap; -} -.directorist-alert .directorist-icon-mask { - margin-right: 5px; -} -.directorist-alert > a { - padding-left: 5px; -} -.directorist-alert__content { - 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; -} -.directorist-alert__content p { - 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; - 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); -} -.directorist-alert__close:focus { - background-color: transparent; - outline: none; -} -.directorist-alert a { - text-decoration: none; -} - -.directorist-alert.directorist-alert-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); -} -.directorist-alert.directorist-alert-info { - background: #DCEBFE; - color: #157CF6; -} -.directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157CF6; -} -.directorist-alert.directorist-alert-warning { - background: #FEE9D9; - color: #F56E00; -} -.directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #F56E00; -} -.directorist-alert.directorist-alert-danger { - background: #FCD9D9; - color: #E80000; -} -.directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #E80000; -} -.directorist-alert.directorist-alert-success { - background: #D9EFDC; - color: #009114; -} -.directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; -} -.directorist-alert--sm { - padding: 10px 20px; -} - -.alert-danger { - background: rgba(232, 0, 0, 0.3); -} - -/* Add listing notice alert */ -.directorist-single-listing-notice .directorist-alert__content { - justify-content: space-between; - width: 100%; -} -.directorist-single-listing-notice .directorist-alert__content button { - cursor: pointer; -} -.directorist-single-listing-notice .directorist-alert__content button span { - font-size: 20px; -} - -.directorist-user-dashboard .directorist-container-fluid { - box-sizing: border-box; -} -.directorist-user-dashboard .directorist-alert-info .directorist-alert__close { - cursor: pointer; - padding-right: 0; -} - -.directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: #fff; - text-transform: uppercase; - border-radius: 5px; -} - -.directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); -} -.directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); -} -.directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); -} -.directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); -} -.directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); -} -.directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); -} -.directorist-badge.directorist-badge-gray { - background-color: #525768; -} - -.directorist-badge.directorist-badge-primary-transparent { - 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); -} -.directorist-badge.directorist-badge-info-transparent { - 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); -} -.directorist-badge.directorist-badge-danger-transparent { - 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); -} -.directorist-badge.directorist-badge-gray-transparent { - 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; - 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: var(--directorist-color-featured-badge); -} -.directorist-badge .directorist-badge-tooltip__new { - background: var(--directorist-color-new-badge); -} -.directorist-badge .directorist-badge-tooltip__popular { - background: 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:hover .directorist-badge-tooltip { - opacity: 1; - visibility: visible; -} - -.directorist-checkbox, -.directorist-radio { - 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; -} -.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; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - padding-left: 30px; - margin-bottom: 0; - line-height: 1.3; - 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: 16px; - height: 16px; - border-radius: 5px; - background: transparent; - 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 { - width: 100%; - font-weight: 400; - padding: 0 30px 0 0; - } - .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 { - left: unset; - right: 0; - top: 1px; - 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: 6px; - top: 6px; - content: ""; - -webkit-mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: #fff; - 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 { - left: unset; - top: 4px; - right: 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: unset; - top: 4px; - right: 3px; - } -} -.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("../../../icons/font-awesome/svgs/solid/check.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/check.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: #3e62f5; - border-color: #3e62f5; -} - -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: #fff; - 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: #fff; - 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: #fff; - 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: 10px; - 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: 8px; - height: 8px; - top: 5px; - left: 5px; - background-color: #fff !important; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after { - width: 16px; - height: 16px; - border-color: #C6D0DC; -} -.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: 5px !important; - left: 5px !important; - border-radius: 50%; - background-color: #fff !important; - content: ""; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after { - width: 16px; - height: 16px; - border-color: #C6D0DC; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after { - background-color: #3e62f5; - border-color: #3e62f5; -} -.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label { - padding-left: 35px !important; -} - -.directorist-switch { - position: relative; - display: block; -} -.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 { - transform: translateX(20px); -} -.directorist-switch .directorist-switch-label { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - position: relative; - display: inline-flex; - align-items: center; - font-size: 14px; - font-weight: 400; - padding-left: 65px; - margin-left: 0; - color: #51526E; -} -.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; -} -.directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - left: 8px; - background-color: #fff !important; - width: 16px; - height: 16px; - background-color: #fff; - 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; -} - -.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; -} -.directorist-switch-Yn span { - -webkit-user-select: none; - -moz-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: #fff; -} -.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: #fff; -} -.directorist-switch-Yn .directorist-switch-yes { - border-radius: 15px 0 0 15px; -} -.directorist-switch-Yn .directorist-switch-no { - border-radius: 0 15px 15px 0; -} - -.select2-selection__arrow, -.select2-selection__clear { - display: none !important; -} - -.directorist-select2-addons-area { - 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: flex; - align-items: center; - justify-content: center; -} - -.directorist-select2-dropdown-toggle { - height: 30px; - width: 25px; -} - -.directorist-select2-dropdown-close { - height: 30px; - width: 25px; -} -.directorist-select2-dropdown-close .directorist-icon-mask::after { - 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; - box-shadow: none; -} - -.cptm-shortcodes { - max-height: 300px; - overflow: scroll; -} - -.directorist-center-content { - display: flex; -} - -.directorist-center-content-inline { - display: inline-flex; -} - -.directorist-center-content, -.directorist-center-content-inline { - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} - -.directorist-text-right { - text-align: right; -} - -.directorist-text-center { - text-align: center; -} - -.directorist-text-left { - text-align: left; -} - -.directorist-mt-0 { - margin-top: 0 !important; -} - -.directorist-mt-5 { - margin-top: 5px !important; -} - -.directorist-mt-10 { - margin-top: 10px !important; -} - -.directorist-mt-15 { - margin-top: 15px !important; -} - -.directorist-mt-20 { - margin-top: 20px !important; -} - -.directorist-mt-30 { - margin-top: 30px !important; -} - -.directorist-mb-0 { - margin-bottom: 0 !important; -} - -.directorist-mb-35 { - margin-bottom: 35px !important; -} - -.directorist-mb-30 { - margin-bottom: 30px !important; -} - -.directorist-mb-25 { - margin-bottom: 25px !important; -} - -.directorist-mb-20 { - margin-bottom: 20px !important; -} - -.directorist-mb-n20 { - margin-bottom: -20px !important; -} - -.directorist-mb-15 { - margin-bottom: 15px !important; -} - -.directorist-mb-10 { - margin-bottom: 10px !important; -} - -.directorist-mb-40 { - margin-bottom: 40px !important; -} - -.directorist-mb-50 { - margin-bottom: 50px !important; -} - -.directorist-mb-70 { - margin-bottom: 70px !important; -} - -.directorist-mb-80 { - margin-bottom: 80px !important; -} - -.directorist-pb-100 { - padding-bottom: 100px !important; -} - -.directorist-w-100 { - width: 100% !important; - max-width: 100% !important; -} - -.directorist-draggable-list-item { - flex-grow: 1; -} - -.directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; -} - -.directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - flex-direction: column; - margin-bottom: -20px; -} - -.directorist-droppable-area { - 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; -} - -.directorist-droppable-item-preview-before { - margin-bottom: 20px; -} - -.directorist-droppable-item-preview-after { - margin-bottom: 20px; -} - -.directorist-draggable-form-list-wrap { - margin-right: 50px; -} - -.cptm-form-note { - 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; -} -.cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157CF6; -} -.cptm-form-note .cptm-form-note-content { - margin: 5px 0; -} -.cptm-form-note .cptm-form-note-content a { - color: #157CF6; -} - -#atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; -} -#atbdp_cpt_options_metabox .postbox-header { - display: none; -} - -.atbdp-cpt-manager { - display: block; - color: #23282d; - background: #fff; -} - -.atbdp-cptm-header { - display: block; -} -.atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; -} - -.atbdp-cptm-body { - display: block; -} - -.atbdp-cptm-footer { - display: block; - padding: 20px 10px; - background: #fff; -} - -.atbdp-cptm-footer-actions { - display: flex; - justify-content: center; - align-content: center; - flex-wrap: wrap; -} -.atbdp-cptm-footer-actions .cptm-btn { - font-weight: 500; - font-size: 15px; - height: 50px; - padding: 0 30px; -} - -.cptm-title-bar { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; -} - -.cptm-card-preview-widget .cptm-title-bar { - margin: 0; -} - -.cptm-title-bar-headings { - flex-grow: 1; - padding: 10px; -} - -.cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; -} - -.cptm-label-btn { - 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; - transition: all ease-in-out 300ms; - vertical-align: top; -} -.cptm-btn:disabled, -.cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; -} - -.cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; -} -.cptm-btn.cptm-btn-rounded { - border-radius: 30px; -} -.cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; -} -.cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; -} -.cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; -} -.cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; -} - -.cptm-file-input-wrap { - display: flex; - flex-wrap: wrap; -} -.cptm-file-input-wrap .cptm-btn { - flex-grow: 1; -} - -.cptm-btn-box { - display: block; -} - -.cptm-form-builder-group-field-drop-area { - display: block; - margin-right: 50px; - padding: 20px; - margin-bottom: 10px; - text-align: center; - background-color: #fff; - transition: all ease-in-out 300ms; - border: 1px dashed #c0c0c0; -} -.cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; -} - -.cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; -} - -.atbdp-cptm-status-feedback { - margin: 20px 0; -} - -.cptm-alert { - margin: 5px auto; - max-width: 500px; - padding: 10px 20px; - text-align: center; - color: #fff; - background-color: #3e62f5; - border-radius: 5px; -} - -.cptm-alert-success { - color: #fff; - background-color: #3e62f5; -} - -.cptm-alert-error { - color: #fff; - background-color: rgb(197, 22, 22); -} - -.cptm-dropable-element { - position: relative; -} - -.cptm-dropable-base-element { - 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; -} - -.cptm-dropable-placeholder { - 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; -} - -.cptm-dropable-inside { - padding: 10px; -} - -.cptm-dropable-area-inside { - display: block; - height: 100%; -} - -.cptm-dropable-area-right { - display: block; -} - -.cptm-dropable-area-left { - display: block; -} - -.cptm-dropable-area-right, -.cptm-dropable-area-left { - display: block; - float: left; - width: 50%; - height: 100%; -} - -.cptm-dropable-area-top { - display: block; -} - -.cptm-dropable-area-bottom { - display: block; -} - -.cptm-dropable-area-top, -.cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; -} - -.cptm-header-navigation { - margin: 0; - padding: 0; - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - background-color: #f4f5f7; - border-radius: 6px 6px 0 0; -} - -.cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - padding: 0 25px; -} -@media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } -} - -.cptm-header-nav__list-item-link { - display: block; - padding: 45px 0; - text-decoration: none; - border-right: 1px solid #f2f2f2; - transition: all ease-in-out 300ms; - background-color: #f4f5f7; - position: relative; - border-bottom: 2px solid transparent; -} -@media only screen and (max-width: 991px) { - .cptm-header-nav__list-item-link { - padding: 25px 0; - } -} -@media (max-width: 480px) { - .cptm-header-nav__list-item-link { - padding: 20px 0; - } -} -.cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; -} - -.cptm-header-nav__icon { - display: inline-flex; - margin-bottom: 15px; - min-width: 44px; - min-height: 44px; - text-align: center; - font-size: 18px; - text-align: center; - border-radius: 50%; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - transition: all ease-in-out 300ms; - align-items: center; - justify-content: center; -} - -.general .cptm-header-nav__icon { - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; -} -.general .active .cptm-header-nav__icon { - background-color: #3e62f5; -} - -.submission_form .cptm-header-nav__icon { - background: rgba(8, 191, 156, 0.1); - color: #08bf9c; -} -.submission_form .active .cptm-header-nav__icon { - background-color: #08bf9c; -} - -.single_page_layout .cptm-header-nav__icon { - background: rgba(250, 139, 12, 0.1); - color: #fa8b0c; -} -.single_page_layout .active .cptm-header-nav__icon { - background-color: #fa8b0c; -} - -.listings_card_layout .cptm-header-nav__icon { - background: rgba(44, 153, 255, 0.1); - color: #2c99ff; -} -.listings_card_layout .active .cptm-header-nav__icon { - background-color: #2c99ff; -} - -.search_forms .cptm-header-nav__icon { - background: rgba(255, 64, 140, 0.1); - color: #ff408c; -} -.search_forms .active .cptm-header-nav__icon { - background-color: #ff408c; -} - -.cptm-header-nav__label { - display: block; - font-weight: bold; - color: #5a5f7d; - transition: all ease-in-out 300ms; - font-size: 15px; -} - -.cptm-title-area { - margin: 0 auto 20px; -} - -.submission-form .cptm-title-area { - width: 100%; -} - -.tab-general .cptm-title-area { - margin-left: 0; -} - -.cptm-link-light { - color: #fff; -} -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; -} - -.cptm-color-white { - color: #fff; -} - -.cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; -} - -.cptm-mb-60 { - margin-bottom: 60px; -} - -.cptm-mr-5 { - margin-right: 5px; -} - -.cptm-title { - margin: 0; - font-size: 24px; - font-weight: bold; - color: #23282d; - line-height: 1.2; -} - -.atbdp-cptm-tab-contents { - display: block; - background-color: #fff; -} - -.atbdp-cptm-tab-item { - display: none; -} -.atbdp-cptm-tab-item.active { - display: block; -} - -.cptm-tab-content-header { - background-color: #f8f9fb; -} - -.cptm-tab-content-body { - display: block; -} - -.cptm-tab-content { - margin: 0 auto; - padding: 60px 75px; - min-height: 100px; - max-width: 700px; - box-sizing: border-box; -} -@media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 60px 25px; - } -} -@media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } -} -.cptm-tab-content.tab-wide { - max-width: 1200px; -} -.cptm-tab-content.tab-full-width { - max-width: 1200px; - padding: 60px 0; -} - -.cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; -} - -.cptm-tab-sub-content-item { - margin: 0 auto; - display: none; -} -.cptm-tab-sub-content-item.active { - display: block; -} - -.cptm-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.cptm-col-6 { - 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-section { - margin-bottom: 50px; -} -.cptm-section:last-child { - margin-bottom: 0; -} - -.cptm-form-builder-preset-fields { - margin: 0 auto; - max-width: 470px; -} - -.cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 50px; -} - -.cptm-title-3 { - 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; -} - -.cptm-form-builder-active-fields { - display: block; -} -.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; -} -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; -} - -.cptm-form-builder-active-fields-container { - margin: 0; - max-width: 428px; - background-color: #f4f5f7; - padding: 40px; - border-radius: 6px; -} -@media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } -} - -.cptm-form-builder-active-fields-footer { - text-align: left; -} -@media only screen and (max-width: 991px) { - .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 { - height: 43px; - background: rgba(62, 98, 245, 0.1); - border: 0 none; - font-size: 14px; - font-weight: 500; -} - -.cptm-form-builder-active-fields-group { - position: relative; - padding-bottom: 5px; -} - -.cptm-form-builder-group-header-section { - margin-bottom: 20px; -} - -.cptm-form-builder-group-header { - display: flex; - align-items: center; -} - -.cptm-form-builder-group-title-area { - display: flex; - flex-grow: 1; - padding: 15px 20px; - box-sizing: border-box; - border-radius: 4px; - background-color: #444752; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); -} - -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; -} - -.cptm-form-builder-group-title-area__dropable-wrapper { - flex-grow: 1; -} - -.cptm-no-wrap { - flex-wrap: nowrap; -} - -.cptm-card-top-area { - 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; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - right: 20px; - top: 50%; - transform: translateY(-50%); - pointer-events: none; -} - -.cptm-card-placeholder-row { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; -} - -.cptm-card-placeholder-col { - flex-grow: 1; - padding: 0 10px; -} - -.cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; -} - -.cptm-form-builder-group-title-actions { - display: block; -} -.cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - color: #fff; -} - -.cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-left: 15px; -} - -.cptm-form-builder-group-title { - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; -} - -.cptm-form-builder-group-options { - background-color: #fff; - margin: -5px 50px 0 0; - padding: 22px 25px 25px; - box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1); -} - -.cptm-form-builder-group-fields { - display: block; - position: relative; -} - -.cptm-restricted-area { - 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: 20px; - position: relative; - margin-right: 50px; - border-radius: 4px; -} - -.cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - transform: translate(34px, 7px); -} - -.cptm-form-builder-group-field-item-action-link { - 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); -} - -.action-trash:hover { - background-color: #d7d7d7; -} -.action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); -} - -.cptm-form-builder-group-field-item-header-actions { - margin-left: 10px; - background-color: #fff; -} - -.cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 12px; - margin-left: 5px; - transition: all ease-in-out 300ms; - opacity: 0.5; -} -.cptm-form-builder-header-action-link:hover { - opacity: 1; -} - -.action-collapse-up span, -.action-collapse-up span::before { - transition: all ease-in-out 300ms; - transform: rotate(0); -} - -.action-collapse-down span, -.action-collapse-down span::before { - transition: all ease-in-out 300ms; - transform: rotate(180deg); -} - -.cptm-form-builder-group-field-item-header { - display: flex; - position: relative; - justify-content: space-between; - padding: 15px 20px; - cursor: move; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - border-radius: 4px; - background-color: #fff; - z-index: 8; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 { - font-size: 14px; - color: #272b41; -} - -.cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; -} -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - 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 .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; -} - -.cptm-form-builder-field-list { - margin: -5px -5px -5px -5px; - padding: 0; - display: flex; - flex-wrap: wrap; -} - -.cptm-form-builder-field-list-item { - list-style: none; - width: calc(50% - 10px); - margin: 5px; - background-color: #f4f5f7; - padding: 14px 18px; - box-sizing: border-box; - border-radius: 4px; - display: flex; - align-items: center; - flex-wrap: wrap; -} -.cptm-form-builder-field-list-item.clickable { - cursor: pointer; -} -.cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; -} -@media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 10px); - } -} - -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; -} - -.cptm-form-builder-field-list-icon { - display: inline-block; - margin-right: 4px; - width: 22px; - font-size: 18px; - color: #272b41; -} - -.cptm-form-builder-field-list-label { - display: inline-block; - font-size: 14px; - font-weight: 500; - color: #272b41; -} - -.cptm-info-text-area { - margin-bottom: 10px; -} - -.cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; -} - -.cptm-info-success { - color: #00B158; -} - -.cptm-mb-0 { - margin-bottom: 0 !important; -} - -.cptm-item-footer-drop-area { - 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); -} -.cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; -} - -.cptm-form-builder-group-field-item-drop-area { - 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); -} - -.cptm-checkbox-area, -.cptm-options-area { - display: flex; - flex-direction: column; - margin: 10px 0; - right: 0; - left: 0; -} - -.cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -@media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } -} -.cptm-checkbox-item, -.cptm-radio-item { - display: flex; - margin-right: 20px; -} - -#listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -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::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=radio].cptm-radio { - margin-top: 1px; -} - -.cptm-form-range-wrap { - display: inline-flex; - flex-wrap: wrap; -} -.cptm-form-range-wrap .cptm-form-range-bar { - flex-grow: 1; -} -.cptm-form-range-wrap .cptm-form-range-output { - width: 30px; -} -.cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; -} - -.cptm-checkbox-ui { - 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; -} -.cptm-checkbox-ui:after { - 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; -} - -.cptm-thumbnail { - 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; -} - -.cptm-thumbnail-placeholder { - display: flex; - align-items: center; - justify-content: center; - min-height: 240px; -} - -.cptm-thumbnail-placeholder-icon { - font-size: 120px; - color: gainsboro; -} - -.cptm-thumbnail-img-wrap { - 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; - transition: all ease-in-out 300ms; -} - -.cptm-sub-navigation { - padding: 0; - margin: 0; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-sub-nav__item { - 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: #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; -} - -.cptm-builder-section { - display: flex; - flex-wrap: wrap; - position: relative; -} - -.cptm-options-area { - width: 300px; -} - -.cptm-option-card { - 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 { - transform: rotate3d(0, 1, 0, 45deg); -} -.cptm-option-card.cptm-animation-slide-up { - transform: translate(0, 30px); -} -.cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; -} -.cptm-option-card.active.cptm-animation-flip { - transform: rotate3d(0, 0, 0, 0deg); -} -.cptm-option-card.active.cptm-animation-slide-up { - transform: translate(0, 0); -} - -.cptm-anchor-down { - 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; -} - -.cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - transition: all ease-in-out 300ms; -} -.cptm-header-action-link:hover { - color: #fff; -} - -.cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; -} - -.cptm-option-card-header-title-section { - display: flex; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; -} - -.cptm-option-card-header-title { - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; -} - -.cptm-header-action-area { - display: flex; - padding: 0 0 0 10px; - justify-content: center; - align-items: center; -} - -.cptm-option-card-header-nav-section { - display: block; -} - -.cptm-option-card-header-nav { - 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; - 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); -} - -.cptm-option-card-body { - 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; -} -.cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: block; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector .icon-picker-selector__btn { - margin-top: 10px; -} - -.cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - transform: translate(-50%, 50%); -} - -.cptm-widget-insert-wrap { - position: relative; -} - -.cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - transform: translate(-50%, -100%); - pointer-events: none; -} -.cptm-widget-insert-modal-container.active { - 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; - 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; -} - -.cptm-widget-card-drop-prepend { - border-radius: 10px; -} - -.cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 10px; - 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; -} -.cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; -} - -.cptm-widget-card-wrap { - visibility: visible; -} - -.cptm-widget-card-inline-wrap { - display: inline-flex; - vertical-align: top; -} -.cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - flex: 1; -} -.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - 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; -} - -.cptm-list-item { - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; -} -.cptm-list-item .cptm-list-item-icon { - width: 25px; -} -.cptm-list-item .cptm-list-item-label { - flex-grow: 1; -} - -.cptm-list-item-card { - 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); - transition: 0.3s ease; - position: relative; -} - -.cptm-preview-area { - flex-grow: 1; - padding: 0 20px; -} -@media (max-width: 400px) { - .cptm-preview-area { - padding: 0; - } -} - -.cptm-placeholder-blcok { - 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-label { - 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; -} - -.cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; -} - -.cptm-center-content { - display: flex; - height: 100%; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} -.cptm-center-content.cptm-content-wide * { - flex-grow: 1; -} - -.cptm-mb-10 { - margin-bottom: 10px !important; -} - -.cptm-mb-20 { - margin-bottom: 20px !important; -} - -.cptm-listing-card-body-header { - display: flex; - flex-wrap: wrap; -} - -.cptm-align-left { - text-align: left; -} - -.cptm-listing-card-body-header-left { - flex-grow: 1; -} - -.cptm-listing-card-body-header-right { - width: 100px; - margin-left: 10px; -} - -.cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; -} - -.cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 10px; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; -} -.cptm-card-preview-widget.cptm-card-list-view { - display: flex; - flex-wrap: wrap; - max-width: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; -} -.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-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; -} - -.cptm-listing-card-preview-header { - display: block; - flex-grow: 1; -} - -.cptm-listing-card-content { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; -} - -.cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - box-sizing: border-box; -} - -.cptm-card-preview-thumbnail-placeholer { - height: 100%; -} - -.cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-listing-card-preview-quick-info-placeholder { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail-bg { - 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); -} - -.cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; -} - -.cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-top-right-placeholder { - text-align: right; -} - -.cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; -} - -.cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; -} - -.cptm-listing-card-preview-body { - 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); - 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); -} -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background: #fff; - color: #5a5f7d; -} - -.cptm-placeholder-author-thumb { - margin: 0; -} -.cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background: #c6d0dc; - border: 4px solid #fff; -} - -.cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; -} - -.cptm-has-widget-control { - position: relative; -} -.cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; -} - -.cptm-form-group-row { - display: flex; - flex-wrap: wrap; -} - -.cptm-form-group-col { - flex-grow: 1; - flex-basis: 50%; -} - -.cptm-form-group-info { - color: gray; - margin-bottom: 5px; -} - -.cptm-widget-actions-tools { - position: absolute; - width: 75px; - background: #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; -} - -.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; - transition: 0.3s ease; - z-index: 1; -} -.cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; -} -.cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; -} - -.cptm-widget-control-wrap { - 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: 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%; - 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; -} -.cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - -.hide { - display: none; -} - -.cptm-widget-control-action { - 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; -} - -.cptm-listing-card-preview-body-placeholder { - 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 .cptm-placeholder-label { - color: #a1a8c6; -} - -.cptm-listing-card-preview-footer { - display: flex; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; -} - -.cptm-listing-card-preview-footer-left-placeholder { - 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-right-placeholder { - 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 .cptm-widget-preview-area { - display: flex; - justify-content: flex-end; - align-items: center; -} - -.cptm-card-light.cptm-placeholder-blcok { - 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-label { - color: #23282d; -} -.cptm-card-light .cptm-widget-badge { - color: #969DB8; - background-color: #EFF0F3; -} - -.cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background: #fff; -} -.cptm-card-dark-light .cptm-widget-badge { - 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; -} - -.cptm-widgets-header { - display: block; -} - -.cptm-widget-nav { - display: flex; - flex-wrap: wrap; - margin: 0; -} - -.cptm-widget-nav-item { - 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; -} -.cptm-widget-nav-item:hover { - color: #2b2b2b; -} -.cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; -} - -.cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; -} - -.cptm-widgets-list { - display: block; - margin: 0; -} - -.cptm-widgets-list-item { - display: block; -} - -.widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; -} - -.cptm-widgets-sub-list { - 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; -} - -.widget-icon { - display: inline-block; - margin-right: 5px; -} - -.widget-label { - display: inline-block; -} - -.cptm-form-group { - display: block; - margin-bottom: 20px; -} -.cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #272b41; - margin-bottom: 9px; -} -.cptm-form-group .cptm-form-control { - max-width: 100%; -} -.cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); -} - -.cptm-form-group-feedback { - display: block; -} - -.cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - transition: all ease-in-out 300ms; -} -.cptm-form-alert.cptm-error { - color: #c82424; -} - -.cptm-input-toggle-wrap { - display: flex; - flex-wrap: wrap; - align-items: center; -} -.cptm-input-toggle-wrap label { - padding-right: 10px; - flex-grow: 1; - margin-bottom: 0; -} - -.cptm-input-toggle { - display: inline-block; - position: relative; - width: 50px; - height: 25px; - 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; - transition: all ease-in-out 300ms; -} -.cptm-input-toggle.active { - background-color: #3e62f5; -} -.cptm-input-toggle.active::after { - left: 100%; - transform: translateX(calc(-100% - 10px)); -} - -.cptm-multi-option-group { - display: block; - margin-bottom: 20px; -} -.cptm-multi-option-group .cptm-btn { - margin: 0; -} - -.cptm-multi-option-label { - display: block; -} - -.cptm-multi-option-group-section-draft { - display: flex; - flex-wrap: wrap; - margin: -8px; -} -.cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - flex: 1; -} -.cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; -} -.cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; -} -.cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; -} - -.cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; -} - -.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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -.cptm-form-control:hover, -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 input[type=text].cptm-form-control:hover { - color: #23282d; -} - -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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -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; -} -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: #fff; -} - -.tab-general .cptm-title-area, -.tab-other .cptm-title-area { - margin-left: 0; -} -.tab-general .cptm-form-group .cptm-form-control, -.tab-other .cptm-form-group .cptm-form-control { - background: #fff; - border: 1px solid #e3e6ef; -} - -.tab-preview_image .cptm-title-area, -.tab-packages .cptm-title-area, -.tab-other .cptm-title-area { - 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; -} - -.cptm-modal-container { - 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; -} - -.cptm-modal-wrap { - 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: #fff; -} - -.cptm-modal-header { - 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; -} - -.cptm-modal-actions { - 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; -} - -.cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; -} - -.cptm-section-alert-area { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - min-height: 200px; -} - -.cptm-section-alert-content { - text-align: center; - padding: 10px; -} - -.cptm-section-alert-icon { - 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; -} -.cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; -} - -.cptm-color-picker-wrap { - display: inline-flex; -} - -.cptm-color-picker-label { - display: flex; - align-items: center; - margin-left: 10px; -} - -.cptm-wdget-title { - display: flex; - justify-content: space-between; -} - -.atbdp-flex-align-center { - display: flex; - align-items: center; -} - -.cptm-px-5 { - padding: 0 5px; -} - -.cptm-text-gray { - color: #c1c1c1; -} - -.cptm-text-right { - text-align: right !important; -} - -.cptm-text-center { - text-align: center !important; -} - -.cptm-text-left { - text-align: left !important; -} - -.cptm-d-block { - display: block !important; -} - -.cptm-d-inline { - display: inline-block !important; -} - -.cptm-d-inline-flex { - display: inline-flex !important; - flex-wrap: wrap; -} - -.cptm-d-none { - display: none !important; -} - -.cptm-p-20 { - padding: 20px; -} - -.cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; -} - -input[type=radio]:checked::before { - background-color: #3e62f5; -} - -@media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } -} - -.atbdp-sidebar-nav-area { - display: block; -} - -.atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; -} - -.atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; -} - -.atbdp-nav-icon { - display: inline-block; - margin-right: 10px; -} - -.atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-nav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; -} -.atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; -} - -.atbdp-sidebar-subnav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; -} -.atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.atbdp-col { - padding: 0 15px; - flex-grow: 1; - box-sizing: border-box; -} - -.atbdp-col-3 { - flex-basis: 25%; - width: 25%; -} - -.atbdp-col-4 { - flex-basis: 33.3333333333%; - width: 33.3333333333%; -} - -.atbdp-col-8 { - flex-basis: 66.6666666667%; - width: 66.6666666667%; -} - -.shrink { - max-width: 300px; -} - -.directorist_dropdown { - position: relative; -} -.directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - font-size: 14px; - font-weight: 500; - background-color: #F4F5F7; - color: #5A5F7D; - border-radius: 4px; - padding: 13px 15px; - line-height: 1; -} -.directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - box-shadow: 0 0; -} -.directorist_dropdown .directorist_dropdown-toggle:before { - font-family: "Font Awesome 5 Free"; - font-weight: 900; - font-size: 18px; - float: right; - content: "\f107"; -} -.directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - 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; - overflow-y: auto; -} -.directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; -} -.directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; -} -.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; -} -.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: #f2f2f2; -} - -.cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; -} - -/* Sticky fields */ -.cptm-col-sticky { - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; -} - -.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; -} - -.directorist-center-content { - display: flex; -} - -.directorist-center-content-inline { - display: inline-flex; -} - -.directorist-center-content, -.directorist-center-content-inline { - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} - -.directorist-text-right { - text-align: right; -} - -.directorist-text-center { - text-align: center; -} - -.directorist-text-left { - text-align: left; -} - -.directorist-mt-0 { - margin-top: 0 !important; -} - -.directorist-mt-5 { - margin-top: 5px !important; -} - -.directorist-mt-10 { - margin-top: 10px !important; -} - -.directorist-mt-15 { - margin-top: 15px !important; -} - -.directorist-mt-20 { - margin-top: 20px !important; -} - -.directorist-mt-30 { - margin-top: 30px !important; -} - -.directorist-mb-0 { - margin-bottom: 0 !important; -} - -.directorist-mb-35 { - margin-bottom: 35px !important; -} - -.directorist-mb-30 { - margin-bottom: 30px !important; -} - -.directorist-mb-25 { - margin-bottom: 25px !important; -} - -.directorist-mb-20 { - margin-bottom: 20px !important; -} - -.directorist-mb-n20 { - margin-bottom: -20px !important; -} - -.directorist-mb-15 { - margin-bottom: 15px !important; -} - -.directorist-mb-10 { - margin-bottom: 10px !important; -} - -.directorist-mb-40 { - margin-bottom: 40px !important; -} - -.directorist-mb-50 { - margin-bottom: 50px !important; -} - -.directorist-mb-70 { - margin-bottom: 70px !important; -} - -.directorist-mb-80 { - margin-bottom: 80px !important; -} - -.directorist-pb-100 { - padding-bottom: 100px !important; -} - -.directorist-w-100 { - width: 100% !important; - max-width: 100% !important; -} - -.directorist-draggable-list-item { - flex-grow: 1; -} - -.directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; -} - -.directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - flex-direction: column; - margin-bottom: -20px; -} - -.directorist-droppable-area { - 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; -} - -.directorist-droppable-item-preview-before { - margin-bottom: 20px; -} - -.directorist-droppable-item-preview-after { - margin-bottom: 20px; -} - -.directorist-draggable-form-list-wrap { - margin-right: 50px; -} - -.cptm-form-note { - 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; -} -.cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157CF6; -} -.cptm-form-note .cptm-form-note-content { - margin: 5px 0; -} -.cptm-form-note .cptm-form-note-content a { - color: #157CF6; -} - -#atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; -} -#atbdp_cpt_options_metabox .postbox-header { - display: none; -} - -.atbdp-cpt-manager { - display: block; - color: #23282d; - background: #fff; -} - -.atbdp-cptm-header { - display: block; -} -.atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; -} - -.atbdp-cptm-body { - display: block; -} - -.atbdp-cptm-footer { - display: block; - padding: 20px 10px; - background: #fff; -} - -.atbdp-cptm-footer-actions { - display: flex; - justify-content: center; - align-content: center; - flex-wrap: wrap; -} -.atbdp-cptm-footer-actions .cptm-btn { - font-weight: 500; - font-size: 15px; - height: 50px; - padding: 0 30px; -} - -.cptm-title-bar { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; -} - -.cptm-card-preview-widget .cptm-title-bar { - margin: 0; -} - -.cptm-title-bar-headings { - flex-grow: 1; - padding: 10px; -} - -.cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; -} - -.cptm-label-btn { - 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; - transition: all ease-in-out 300ms; - vertical-align: top; -} -.cptm-btn:disabled, -.cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; -} - -.cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; -} -.cptm-btn.cptm-btn-rounded { - border-radius: 30px; -} -.cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; -} -.cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; -} -.cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; -} -.cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; -} - -.cptm-file-input-wrap { - display: flex; - flex-wrap: wrap; -} -.cptm-file-input-wrap .cptm-btn { - flex-grow: 1; -} - -.cptm-btn-box { - display: block; -} - -.cptm-form-builder-group-field-drop-area { - display: block; - margin-right: 50px; - padding: 20px; - margin-bottom: 10px; - text-align: center; - background-color: #fff; - transition: all ease-in-out 300ms; - border: 1px dashed #c0c0c0; -} -.cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; -} - -.cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; -} - -.atbdp-cptm-status-feedback { - margin: 20px 0; -} - -.cptm-alert { - margin: 5px auto; - max-width: 500px; - padding: 10px 20px; - text-align: center; - color: #fff; - background-color: #3e62f5; - border-radius: 5px; -} - -.cptm-alert-success { - color: #fff; - background-color: #3e62f5; -} - -.cptm-alert-error { - color: #fff; - background-color: rgb(197, 22, 22); -} - -.cptm-dropable-element { - position: relative; -} - -.cptm-dropable-base-element { - 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; -} - -.cptm-dropable-placeholder { - 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; -} - -.cptm-dropable-inside { - padding: 10px; -} - -.cptm-dropable-area-inside { - display: block; - height: 100%; -} - -.cptm-dropable-area-right { - display: block; -} - -.cptm-dropable-area-left { - display: block; -} - -.cptm-dropable-area-right, -.cptm-dropable-area-left { - display: block; - float: left; - width: 50%; - height: 100%; -} - -.cptm-dropable-area-top { - display: block; -} - -.cptm-dropable-area-bottom { - display: block; -} - -.cptm-dropable-area-top, -.cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; -} - -.cptm-header-navigation { - margin: 0; - padding: 0; - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - background-color: #f4f5f7; - border-radius: 6px 6px 0 0; -} - -.cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - padding: 0 25px; -} -@media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } -} - -.cptm-header-nav__list-item-link { - display: block; - padding: 45px 0; - text-decoration: none; - border-right: 1px solid #f2f2f2; - transition: all ease-in-out 300ms; - background-color: #f4f5f7; - position: relative; - border-bottom: 2px solid transparent; -} -@media only screen and (max-width: 991px) { - .cptm-header-nav__list-item-link { - padding: 25px 0; - } -} -@media (max-width: 480px) { - .cptm-header-nav__list-item-link { - padding: 20px 0; - } -} -.cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; -} - -.cptm-header-nav__icon { - display: inline-flex; - margin-bottom: 15px; - min-width: 44px; - min-height: 44px; - text-align: center; - font-size: 18px; - text-align: center; - border-radius: 50%; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - transition: all ease-in-out 300ms; - align-items: center; - justify-content: center; -} - -.general .cptm-header-nav__icon { - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; -} -.general .active .cptm-header-nav__icon { - background-color: #3e62f5; -} - -.submission_form .cptm-header-nav__icon { - background: rgba(8, 191, 156, 0.1); - color: #08bf9c; -} -.submission_form .active .cptm-header-nav__icon { - background-color: #08bf9c; -} - -.single_page_layout .cptm-header-nav__icon { - background: rgba(250, 139, 12, 0.1); - color: #fa8b0c; -} -.single_page_layout .active .cptm-header-nav__icon { - background-color: #fa8b0c; -} - -.listings_card_layout .cptm-header-nav__icon { - background: rgba(44, 153, 255, 0.1); - color: #2c99ff; -} -.listings_card_layout .active .cptm-header-nav__icon { - background-color: #2c99ff; -} - -.search_forms .cptm-header-nav__icon { - background: rgba(255, 64, 140, 0.1); - color: #ff408c; -} -.search_forms .active .cptm-header-nav__icon { - background-color: #ff408c; -} - -.cptm-header-nav__label { - display: block; - font-weight: bold; - color: #5a5f7d; - transition: all ease-in-out 300ms; - font-size: 15px; -} - -.cptm-title-area { - margin: 0 auto 20px; -} - -.submission-form .cptm-title-area { - width: 100%; -} - -.tab-general .cptm-title-area { - margin-left: 0; -} - -.cptm-link-light { - color: #fff; -} -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; -} - -.cptm-color-white { - color: #fff; -} - -.cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; -} - -.cptm-mb-60 { - margin-bottom: 60px; -} - -.cptm-mr-5 { - margin-right: 5px; -} - -.cptm-title { - margin: 0; - font-size: 24px; - font-weight: bold; - color: #23282d; - line-height: 1.2; -} - -.atbdp-cptm-tab-contents { - display: block; - background-color: #fff; -} - -.atbdp-cptm-tab-item { - display: none; -} -.atbdp-cptm-tab-item.active { - display: block; -} - -.cptm-tab-content-header { - background-color: #f8f9fb; -} - -.cptm-tab-content-body { - display: block; -} - -.cptm-tab-content { - margin: 0 auto; - padding: 60px 75px; - min-height: 100px; - max-width: 700px; - box-sizing: border-box; -} -@media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 60px 25px; - } -} -@media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } -} -.cptm-tab-content.tab-wide { - max-width: 1200px; -} -.cptm-tab-content.tab-full-width { - max-width: 1200px; - padding: 60px 0; -} - -.cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; -} - -.cptm-tab-sub-content-item { - margin: 0 auto; - display: none; -} -.cptm-tab-sub-content-item.active { - display: block; -} - -.cptm-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.cptm-col-6 { - 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-section { - margin-bottom: 50px; -} -.cptm-section:last-child { - margin-bottom: 0; -} - -.cptm-form-builder-preset-fields { - margin: 0 auto; - max-width: 470px; -} - -.cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 50px; -} - -.cptm-title-3 { - 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; -} - -.cptm-form-builder-active-fields { - display: block; -} -.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; -} -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; -} - -.cptm-form-builder-active-fields-container { - margin: 0; - max-width: 428px; - background-color: #f4f5f7; - padding: 40px; - border-radius: 6px; -} -@media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } -} - -.cptm-form-builder-active-fields-footer { - text-align: left; -} -@media only screen and (max-width: 991px) { - .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 { - height: 43px; - background: rgba(62, 98, 245, 0.1); - border: 0 none; - font-size: 14px; - font-weight: 500; -} - -.cptm-form-builder-active-fields-group { - position: relative; - padding-bottom: 5px; -} - -.cptm-form-builder-group-header-section { - margin-bottom: 20px; -} - -.cptm-form-builder-group-header { - display: flex; - align-items: center; -} - -.cptm-form-builder-group-title-area { - display: flex; - flex-grow: 1; - padding: 15px 20px; - box-sizing: border-box; - border-radius: 4px; - background-color: #444752; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); -} - -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; -} - -.cptm-form-builder-group-title-area__dropable-wrapper { - flex-grow: 1; -} - -.cptm-no-wrap { - flex-wrap: nowrap; -} - -.cptm-card-top-area { - 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; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - right: 20px; - top: 50%; - transform: translateY(-50%); - pointer-events: none; -} - -.cptm-card-placeholder-row { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; -} - -.cptm-card-placeholder-col { - flex-grow: 1; - padding: 0 10px; -} - -.cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; -} - -.cptm-form-builder-group-title-actions { - display: block; -} -.cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - color: #fff; -} - -.cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-left: 15px; -} - -.cptm-form-builder-group-title { - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; -} - -.cptm-form-builder-group-options { - background-color: #fff; - margin: -5px 50px 0 0; - padding: 22px 25px 25px; - box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1); -} - -.cptm-form-builder-group-fields { - display: block; - position: relative; -} - -.cptm-restricted-area { - 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: 20px; - position: relative; - margin-right: 50px; - border-radius: 4px; -} - -.cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - transform: translate(34px, 7px); -} - -.cptm-form-builder-group-field-item-action-link { - 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); -} - -.action-trash:hover { - background-color: #d7d7d7; -} -.action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); -} - -.cptm-form-builder-group-field-item-header-actions { - margin-left: 10px; - background-color: #fff; -} - -.cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 12px; - margin-left: 5px; - transition: all ease-in-out 300ms; - opacity: 0.5; -} -.cptm-form-builder-header-action-link:hover { - opacity: 1; -} - -.action-collapse-up span, -.action-collapse-up span::before { - transition: all ease-in-out 300ms; - transform: rotate(0); -} - -.action-collapse-down span, -.action-collapse-down span::before { - transition: all ease-in-out 300ms; - transform: rotate(180deg); -} - -.cptm-form-builder-group-field-item-header { - display: flex; - position: relative; - justify-content: space-between; - padding: 15px 20px; - cursor: move; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - border-radius: 4px; - background-color: #fff; - z-index: 8; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 { - font-size: 14px; - color: #272b41; -} - -.cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; -} -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - 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 .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; -} - -.cptm-form-builder-field-list { - margin: -5px -5px -5px -5px; - padding: 0; - display: flex; - flex-wrap: wrap; -} - -.cptm-form-builder-field-list-item { - list-style: none; - width: calc(50% - 10px); - margin: 5px; - background-color: #f4f5f7; - padding: 14px 18px; - box-sizing: border-box; - border-radius: 4px; - display: flex; - align-items: center; - flex-wrap: wrap; -} -.cptm-form-builder-field-list-item.clickable { - cursor: pointer; -} -.cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; -} -@media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 10px); - } -} - -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; -} - -.cptm-form-builder-field-list-icon { - display: inline-block; - margin-right: 4px; - width: 22px; - font-size: 18px; - color: #272b41; -} - -.cptm-form-builder-field-list-label { - display: inline-block; - font-size: 14px; - font-weight: 500; - color: #272b41; -} - -.cptm-info-text-area { - margin-bottom: 10px; -} - -.cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; -} - -.cptm-info-success { - color: #00B158; -} - -.cptm-mb-0 { - margin-bottom: 0 !important; -} - -.cptm-item-footer-drop-area { - 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); -} -.cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; -} - -.cptm-form-builder-group-field-item-drop-area { - 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); -} - -.cptm-checkbox-area, -.cptm-options-area { - display: flex; - flex-direction: column; - margin: 10px 0; - right: 0; - left: 0; -} - -.cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -@media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } -} -.cptm-checkbox-item, -.cptm-radio-item { - display: flex; - margin-right: 20px; -} - -#listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -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::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=radio].cptm-radio { - margin-top: 1px; -} - -.cptm-form-range-wrap { - display: inline-flex; - flex-wrap: wrap; -} -.cptm-form-range-wrap .cptm-form-range-bar { - flex-grow: 1; -} -.cptm-form-range-wrap .cptm-form-range-output { - width: 30px; -} -.cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; -} - -.cptm-checkbox-ui { - 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; -} -.cptm-checkbox-ui:after { - 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; -} - -.cptm-thumbnail { - 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; -} - -.cptm-thumbnail-placeholder { - display: flex; - align-items: center; - justify-content: center; - min-height: 240px; -} - -.cptm-thumbnail-placeholder-icon { - font-size: 120px; - color: gainsboro; -} - -.cptm-thumbnail-img-wrap { - 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; - transition: all ease-in-out 300ms; -} - -.cptm-sub-navigation { - padding: 0; - margin: 0; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-sub-nav__item { - 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: #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; -} - -.cptm-builder-section { - display: flex; - flex-wrap: wrap; - position: relative; -} - -.cptm-options-area { - width: 300px; -} - -.cptm-option-card { - 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 { - transform: rotate3d(0, 1, 0, 45deg); -} -.cptm-option-card.cptm-animation-slide-up { - transform: translate(0, 30px); -} -.cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; -} -.cptm-option-card.active.cptm-animation-flip { - transform: rotate3d(0, 0, 0, 0deg); -} -.cptm-option-card.active.cptm-animation-slide-up { - transform: translate(0, 0); -} - -.cptm-anchor-down { - 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; -} - -.cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - transition: all ease-in-out 300ms; -} -.cptm-header-action-link:hover { - color: #fff; -} - -.cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; -} - -.cptm-option-card-header-title-section { - display: flex; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; -} - -.cptm-option-card-header-title { - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; -} - -.cptm-header-action-area { - display: flex; - padding: 0 0 0 10px; - justify-content: center; - align-items: center; -} - -.cptm-option-card-header-nav-section { - display: block; -} - -.cptm-option-card-header-nav { - 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; - 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); -} - -.cptm-option-card-body { - 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; -} -.cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: block; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector .icon-picker-selector__btn { - margin-top: 10px; -} - -.cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - transform: translate(-50%, 50%); -} - -.cptm-widget-insert-wrap { - position: relative; -} - -.cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - transform: translate(-50%, -100%); - pointer-events: none; -} -.cptm-widget-insert-modal-container.active { - 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; - 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; -} - -.cptm-widget-card-drop-prepend { - border-radius: 10px; -} - -.cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 10px; - 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; -} -.cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; -} - -.cptm-widget-card-wrap { - visibility: visible; -} - -.cptm-widget-card-inline-wrap { - display: inline-flex; - vertical-align: top; -} -.cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - flex: 1; -} -.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - 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; -} - -.cptm-list-item { - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; -} -.cptm-list-item .cptm-list-item-icon { - width: 25px; -} -.cptm-list-item .cptm-list-item-label { - flex-grow: 1; -} - -.cptm-list-item-card { - 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); - transition: 0.3s ease; - position: relative; -} - -.cptm-preview-area { - flex-grow: 1; - padding: 0 20px; -} -@media (max-width: 400px) { - .cptm-preview-area { - padding: 0; - } -} - -.cptm-placeholder-blcok { - 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-label { - 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; -} - -.cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; -} - -.cptm-center-content { - display: flex; - height: 100%; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} -.cptm-center-content.cptm-content-wide * { - flex-grow: 1; -} - -.cptm-mb-10 { - margin-bottom: 10px !important; -} - -.cptm-mb-20 { - margin-bottom: 20px !important; -} - -.cptm-listing-card-body-header { - display: flex; - flex-wrap: wrap; -} - -.cptm-align-left { - text-align: left; -} - -.cptm-listing-card-body-header-left { - flex-grow: 1; -} - -.cptm-listing-card-body-header-right { - width: 100px; - margin-left: 10px; -} - -.cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; -} - -.cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 10px; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; -} -.cptm-card-preview-widget.cptm-card-list-view { - display: flex; - flex-wrap: wrap; - max-width: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; -} -.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-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; -} - -.cptm-listing-card-preview-header { - display: block; - flex-grow: 1; -} - -.cptm-listing-card-content { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; -} - -.cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - box-sizing: border-box; -} - -.cptm-card-preview-thumbnail-placeholer { - height: 100%; -} - -.cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-listing-card-preview-quick-info-placeholder { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail-bg { - 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); -} - -.cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; -} - -.cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-top-right-placeholder { - text-align: right; -} - -.cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; -} - -.cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; -} - -.cptm-listing-card-preview-body { - 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); - 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); -} -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background: #fff; - color: #5a5f7d; -} - -.cptm-placeholder-author-thumb { - margin: 0; -} -.cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background: #c6d0dc; - border: 4px solid #fff; -} - -.cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; -} - -.cptm-has-widget-control { - position: relative; -} -.cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; -} - -.cptm-form-group-row { - display: flex; - flex-wrap: wrap; -} - -.cptm-form-group-col { - flex-grow: 1; - flex-basis: 50%; -} - -.cptm-form-group-info { - color: gray; - margin-bottom: 5px; -} - -.cptm-widget-actions-tools { - position: absolute; - width: 75px; - background: #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; -} - -.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; - transition: 0.3s ease; - z-index: 1; -} -.cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; -} -.cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; -} - -.cptm-widget-control-wrap { - 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: 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%; - 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; -} -.cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - -.hide { - display: none; -} - -.cptm-widget-control-action { - 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; -} - -.cptm-listing-card-preview-body-placeholder { - 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 .cptm-placeholder-label { - color: #a1a8c6; -} - -.cptm-listing-card-preview-footer { - display: flex; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; -} - -.cptm-listing-card-preview-footer-left-placeholder { - 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-right-placeholder { - 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 .cptm-widget-preview-area { - display: flex; - justify-content: flex-end; - align-items: center; -} - -.cptm-card-light.cptm-placeholder-blcok { - 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-label { - color: #23282d; -} -.cptm-card-light .cptm-widget-badge { - color: #969DB8; - background-color: #EFF0F3; -} - -.cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background: #fff; -} -.cptm-card-dark-light .cptm-widget-badge { - 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; -} - -.cptm-widgets-header { - display: block; -} - -.cptm-widget-nav { - display: flex; - flex-wrap: wrap; - margin: 0; -} - -.cptm-widget-nav-item { - 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; -} -.cptm-widget-nav-item:hover { - color: #2b2b2b; -} -.cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; -} - -.cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; -} - -.cptm-widgets-list { - display: block; - margin: 0; -} - -.cptm-widgets-list-item { - display: block; -} - -.widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; -} - -.cptm-widgets-sub-list { - 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; -} - -.widget-icon { - display: inline-block; - margin-right: 5px; -} - -.widget-label { - display: inline-block; -} - -.cptm-form-group { - display: block; - margin-bottom: 20px; -} -.cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #272b41; - margin-bottom: 9px; -} -.cptm-form-group .cptm-form-control { - max-width: 100%; -} -.cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); -} - -.cptm-form-group-feedback { - display: block; -} - -.cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - transition: all ease-in-out 300ms; -} -.cptm-form-alert.cptm-error { - color: #c82424; -} - -.cptm-input-toggle-wrap { - display: flex; - flex-wrap: wrap; - align-items: center; -} -.cptm-input-toggle-wrap label { - padding-right: 10px; - flex-grow: 1; - margin-bottom: 0; -} - -.cptm-input-toggle { - display: inline-block; - position: relative; - width: 50px; - height: 25px; - 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; - transition: all ease-in-out 300ms; -} -.cptm-input-toggle.active { - background-color: #3e62f5; -} -.cptm-input-toggle.active::after { - left: 100%; - transform: translateX(calc(-100% - 10px)); -} - -.cptm-multi-option-group { - display: block; - margin-bottom: 20px; -} -.cptm-multi-option-group .cptm-btn { - margin: 0; -} - -.cptm-multi-option-label { - display: block; -} - -.cptm-multi-option-group-section-draft { - display: flex; - flex-wrap: wrap; - margin: -8px; -} -.cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - flex: 1; -} -.cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; -} -.cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; -} -.cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; -} - -.cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; -} - -.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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -.cptm-form-control:hover, -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 input[type=text].cptm-form-control:hover { - color: #23282d; -} - -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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -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; -} -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: #fff; -} - -.tab-general .cptm-title-area, -.tab-other .cptm-title-area { - margin-left: 0; -} -.tab-general .cptm-form-group .cptm-form-control, -.tab-other .cptm-form-group .cptm-form-control { - background: #fff; - border: 1px solid #e3e6ef; -} - -.tab-preview_image .cptm-title-area, -.tab-packages .cptm-title-area, -.tab-other .cptm-title-area { - 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; -} - -.cptm-modal-container { - 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; -} - -.cptm-modal-wrap { - 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: #fff; -} - -.cptm-modal-header { - 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; -} - -.cptm-modal-actions { - 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; -} - -.cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; -} - -.cptm-section-alert-area { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - min-height: 200px; -} - -.cptm-section-alert-content { - text-align: center; - padding: 10px; -} - -.cptm-section-alert-icon { - 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; -} -.cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; -} - -.cptm-color-picker-wrap { - display: inline-flex; -} - -.cptm-color-picker-label { - display: flex; - align-items: center; - margin-left: 10px; -} - -.cptm-wdget-title { - display: flex; - justify-content: space-between; -} - -.atbdp-flex-align-center { - display: flex; - align-items: center; -} - -.cptm-px-5 { - padding: 0 5px; -} - -.cptm-text-gray { - color: #c1c1c1; -} - -.cptm-text-right { - text-align: right !important; -} - -.cptm-text-center { - text-align: center !important; -} - -.cptm-text-left { - text-align: left !important; -} - -.cptm-d-block { - display: block !important; -} - -.cptm-d-inline { - display: inline-block !important; -} - -.cptm-d-inline-flex { - display: inline-flex !important; - flex-wrap: wrap; -} - -.cptm-d-none { - display: none !important; -} - -.cptm-p-20 { - padding: 20px; -} - -.cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; -} - -input[type=radio]:checked::before { - background-color: #3e62f5; -} - -@media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } -} - -.atbdp-sidebar-nav-area { - display: block; -} - -.atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; -} - -.atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; -} - -.atbdp-nav-icon { - display: inline-block; - margin-right: 10px; -} - -.atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-nav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; -} -.atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; -} - -.atbdp-sidebar-subnav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; -} -.atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.atbdp-col { - padding: 0 15px; - flex-grow: 1; - box-sizing: border-box; -} - -.atbdp-col-3 { - flex-basis: 25%; - width: 25%; -} - -.atbdp-col-4 { - flex-basis: 33.3333333333%; - width: 33.3333333333%; -} - -.atbdp-col-8 { - flex-basis: 66.6666666667%; - width: 66.6666666667%; -} - -.shrink { - max-width: 300px; -} - -.directorist_dropdown { - position: relative; -} -.directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - font-size: 14px; - font-weight: 500; - background-color: #F4F5F7; - color: #5A5F7D; - border-radius: 4px; - padding: 13px 15px; - line-height: 1; -} -.directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - box-shadow: 0 0; -} -.directorist_dropdown .directorist_dropdown-toggle:before { - font-family: "Font Awesome 5 Free"; - font-weight: 900; - font-size: 18px; - float: right; - content: "\f107"; -} -.directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - 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; - overflow-y: auto; -} -.directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; -} -.directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; -} -.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; -} -.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: #f2f2f2; -} - -.cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; -} - -/* Sticky fields */ -.cptm-col-sticky { - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; -} - -.cptm-theme-butterfly .cptm-info-text { - 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: 999; - 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%; - 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: #5A5F7D; - color: #fff; - font-size: 12px; - display: flex; - align-items: center; - justify-content: center; - position: absolute; - right: 20px; - top: 23px; - transition: 0.3s ease; -} -.icon-picker__close:hover { - color: #fff; - background: #222; -} -.icon-picker__sidebar { - width: 25%; - background: #eff0f3; - padding: 30px 20px; -} -.icon-picker__content { - width: 75%; - overflow: auto; -} -.icon-picker__content .icons-group h4 { - font-size: 16px; - font-weight: 500; - color: #272B41; - padding: 33px 0 27px 20px; - border-bottom: 1px solid #E3E6EF; - margin: 0; -} -.icon-picker__content .icons-group-icons { - padding: 17px 0 17px 17px; -} -.icon-picker__content .icons-group-icons .font-icon-btn { - margin: 5px 3px; - width: 70px; - height: 70px; - background: #F4F5F7; - border-radius: 5px; - font-size: 24px; - color: #868EAE; - border: 0 none; - transition: 0.3s ease; -} -.icon-picker__content .icons-group-icons .font-icon-btn.cptm-btn-primary { - background: #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; -} -.icon-picker__filter label { - 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::-moz-placeholder { - color: #797d93; -} -.icon-picker__filter input::placeholder { - 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; -} -.icon-picker__preview-icon { - font-size: 80px; - color: #272B41; - display: block !important; - text-align: center; -} -.icon-picker__preview-info { - display: flex; - justify-content: center; - margin-top: 15px; -} -.icon-picker__done-btn { - 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; -} - -.icon-picker-selector { - display: flex; - align-items: center; - margin: 0 -10px; -} -.icon-picker-selector__icon { - position: relative; - flex: 1; - margin: 0 10px; -} -.icon-picker-selector__icon .directorist-selected-icon { - position: absolute; - left: 15px; - top: 50%; - transform: translateY(-50%); -} -.icon-picker-selector__icon .cptm-form-control { - pointer-events: none; -} -.icon-picker-selector__icon__reset { - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); - cursor: pointer; - padding: 5px 15px; -} -.icon-picker-selector__btn { - margin: 0 10px; - height: 40px; - background: #DADCE0; - border-radius: 4px; - border: 0 none; - font-weight: 500; - padding: 0 30px; - cursor: pointer; -} - -.directorist-category-icon-picker { - margin-top: 10px; -} -.directorist-category-icon-picker .icon-picker-selector { - width: 100%; -} - -/* Responsive fix */ -@media only screen and (max-width: 1441px) { - .icon-picker__inner { - width: 825px; - height: 660px; - } -} -@media only screen and (max-width: 1199px) { - .icon-picker__inner { - width: 615px; - height: 500px; - } -} -@media only screen and (max-width: 767px) { - .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; - box-shadow: none; -} - -.cptm-shortcodes { - max-height: 300px; - overflow: scroll; -} - -.directorist-center-content { - display: flex; -} - -.directorist-center-content-inline { - display: inline-flex; -} - -.directorist-center-content, -.directorist-center-content-inline { - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} - -.directorist-text-right { - text-align: right; -} - -.directorist-text-center { - text-align: center; -} - -.directorist-text-left { - text-align: left; -} - -.directorist-mt-0 { - margin-top: 0 !important; -} - -.directorist-mt-5 { - margin-top: 5px !important; -} - -.directorist-mt-10 { - margin-top: 10px !important; -} - -.directorist-mt-15 { - margin-top: 15px !important; -} - -.directorist-mt-20 { - margin-top: 20px !important; -} - -.directorist-mt-30 { - margin-top: 30px !important; -} - -.directorist-mb-0 { - margin-bottom: 0 !important; -} - -.directorist-mb-35 { - margin-bottom: 35px !important; -} - -.directorist-mb-30 { - margin-bottom: 30px !important; -} - -.directorist-mb-25 { - margin-bottom: 25px !important; -} - -.directorist-mb-20 { - margin-bottom: 20px !important; -} - -.directorist-mb-n20 { - margin-bottom: -20px !important; -} - -.directorist-mb-15 { - margin-bottom: 15px !important; -} - -.directorist-mb-10 { - margin-bottom: 10px !important; -} - -.directorist-mb-40 { - margin-bottom: 40px !important; -} - -.directorist-mb-50 { - margin-bottom: 50px !important; -} - -.directorist-mb-70 { - margin-bottom: 70px !important; -} - -.directorist-mb-80 { - margin-bottom: 80px !important; -} - -.directorist-pb-100 { - padding-bottom: 100px !important; -} - -.directorist-w-100 { - width: 100% !important; - max-width: 100% !important; -} - -.directorist-draggable-list-item { - flex-grow: 1; -} - -.directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; -} - -.directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - flex-direction: column; - margin-bottom: -20px; -} - -.directorist-droppable-area { - 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; -} - -.directorist-droppable-item-preview-before { - margin-bottom: 20px; -} - -.directorist-droppable-item-preview-after { - margin-bottom: 20px; -} - -.directorist-draggable-form-list-wrap { - margin-right: 50px; -} - -.cptm-form-note { - 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; -} -.cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157CF6; -} -.cptm-form-note .cptm-form-note-content { - margin: 5px 0; -} -.cptm-form-note .cptm-form-note-content a { - color: #157CF6; -} - -#atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; -} -#atbdp_cpt_options_metabox .postbox-header { - display: none; -} - -.atbdp-cpt-manager { - display: block; - color: #23282d; - background: #fff; -} - -.atbdp-cptm-header { - display: block; -} -.atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; -} - -.atbdp-cptm-body { - display: block; -} - -.atbdp-cptm-footer { - display: block; - padding: 20px 10px; - background: #fff; -} - -.atbdp-cptm-footer-actions { - display: flex; - justify-content: center; - align-content: center; - flex-wrap: wrap; -} -.atbdp-cptm-footer-actions .cptm-btn { - font-weight: 500; - font-size: 15px; - height: 50px; - padding: 0 30px; -} - -.cptm-title-bar { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; -} - -.cptm-card-preview-widget .cptm-title-bar { - margin: 0; -} - -.cptm-title-bar-headings { - flex-grow: 1; - padding: 10px; -} - -.cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; -} - -.cptm-label-btn { - 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; - transition: all ease-in-out 300ms; - vertical-align: top; -} -.cptm-btn:disabled, -.cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; -} - -.cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; -} -.cptm-btn.cptm-btn-rounded { - border-radius: 30px; -} -.cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; -} -.cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; -} -.cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; -} -.cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; -} - -.cptm-file-input-wrap { - display: flex; - flex-wrap: wrap; -} -.cptm-file-input-wrap .cptm-btn { - flex-grow: 1; -} - -.cptm-btn-box { - display: block; -} - -.cptm-form-builder-group-field-drop-area { - display: block; - margin-right: 50px; - padding: 20px; - margin-bottom: 10px; - text-align: center; - background-color: #fff; - transition: all ease-in-out 300ms; - border: 1px dashed #c0c0c0; -} -.cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; -} - -.cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; -} - -.atbdp-cptm-status-feedback { - margin: 20px 0; -} - -.cptm-alert { - margin: 5px auto; - max-width: 500px; - padding: 10px 20px; - text-align: center; - color: #fff; - background-color: #3e62f5; - border-radius: 5px; -} - -.cptm-alert-success { - color: #fff; - background-color: #3e62f5; -} - -.cptm-alert-error { - color: #fff; - background-color: rgb(197, 22, 22); -} - -.cptm-dropable-element { - position: relative; -} - -.cptm-dropable-base-element { - 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; -} - -.cptm-dropable-placeholder { - 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; -} - -.cptm-dropable-inside { - padding: 10px; -} - -.cptm-dropable-area-inside { - display: block; - height: 100%; -} - -.cptm-dropable-area-right { - display: block; -} - -.cptm-dropable-area-left { - display: block; -} - -.cptm-dropable-area-right, -.cptm-dropable-area-left { - display: block; - float: left; - width: 50%; - height: 100%; -} - -.cptm-dropable-area-top { - display: block; -} - -.cptm-dropable-area-bottom { - display: block; -} - -.cptm-dropable-area-top, -.cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; -} - -.cptm-header-navigation { - margin: 0; - padding: 0; - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - background-color: #f4f5f7; - border-radius: 6px 6px 0 0; -} - -.cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - padding: 0 25px; -} -@media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } -} - -.cptm-header-nav__list-item-link { - display: block; - padding: 45px 0; - text-decoration: none; - border-right: 1px solid #f2f2f2; - transition: all ease-in-out 300ms; - background-color: #f4f5f7; - position: relative; - border-bottom: 2px solid transparent; -} -@media only screen and (max-width: 991px) { - .cptm-header-nav__list-item-link { - padding: 25px 0; - } -} -@media (max-width: 480px) { - .cptm-header-nav__list-item-link { - padding: 20px 0; - } -} -.cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; -} - -.cptm-header-nav__icon { - display: inline-flex; - margin-bottom: 15px; - min-width: 44px; - min-height: 44px; - text-align: center; - font-size: 18px; - text-align: center; - border-radius: 50%; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - transition: all ease-in-out 300ms; - align-items: center; - justify-content: center; -} - -.general .cptm-header-nav__icon { - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; -} -.general .active .cptm-header-nav__icon { - background-color: #3e62f5; -} - -.submission_form .cptm-header-nav__icon { - background: rgba(8, 191, 156, 0.1); - color: #08bf9c; -} -.submission_form .active .cptm-header-nav__icon { - background-color: #08bf9c; -} - -.single_page_layout .cptm-header-nav__icon { - background: rgba(250, 139, 12, 0.1); - color: #fa8b0c; -} -.single_page_layout .active .cptm-header-nav__icon { - background-color: #fa8b0c; -} - -.listings_card_layout .cptm-header-nav__icon { - background: rgba(44, 153, 255, 0.1); - color: #2c99ff; -} -.listings_card_layout .active .cptm-header-nav__icon { - background-color: #2c99ff; -} - -.search_forms .cptm-header-nav__icon { - background: rgba(255, 64, 140, 0.1); - color: #ff408c; -} -.search_forms .active .cptm-header-nav__icon { - background-color: #ff408c; -} - -.cptm-header-nav__label { - display: block; - font-weight: bold; - color: #5a5f7d; - transition: all ease-in-out 300ms; - font-size: 15px; -} - -.cptm-title-area { - margin: 0 auto 20px; -} - -.submission-form .cptm-title-area { - width: 100%; -} - -.tab-general .cptm-title-area { - margin-left: 0; -} - -.cptm-link-light { - color: #fff; -} -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; -} - -.cptm-color-white { - color: #fff; -} - -.cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; -} - -.cptm-mb-60 { - margin-bottom: 60px; -} - -.cptm-mr-5 { - margin-right: 5px; -} - -.cptm-title { - margin: 0; - font-size: 24px; - font-weight: bold; - color: #23282d; - line-height: 1.2; -} - -.atbdp-cptm-tab-contents { - display: block; - background-color: #fff; -} - -.atbdp-cptm-tab-item { - display: none; -} -.atbdp-cptm-tab-item.active { - display: block; -} - -.cptm-tab-content-header { - background-color: #f8f9fb; -} - -.cptm-tab-content-body { - display: block; -} - -.cptm-tab-content { - margin: 0 auto; - padding: 60px 75px; - min-height: 100px; - max-width: 700px; - box-sizing: border-box; -} -@media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 60px 25px; - } -} -@media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } -} -.cptm-tab-content.tab-wide { - max-width: 1200px; -} -.cptm-tab-content.tab-full-width { - max-width: 1200px; - padding: 60px 0; -} - -.cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; -} - -.cptm-tab-sub-content-item { - margin: 0 auto; - display: none; -} -.cptm-tab-sub-content-item.active { - display: block; -} - -.cptm-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.cptm-col-6 { - 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-section { - margin-bottom: 50px; -} -.cptm-section:last-child { - margin-bottom: 0; -} - -.cptm-form-builder-preset-fields { - margin: 0 auto; - max-width: 470px; -} - -.cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 50px; -} - -.cptm-title-3 { - 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; -} - -.cptm-form-builder-active-fields { - display: block; -} -.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; -} -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; -} - -.cptm-form-builder-active-fields-container { - margin: 0; - max-width: 428px; - background-color: #f4f5f7; - padding: 40px; - border-radius: 6px; -} -@media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } -} - -.cptm-form-builder-active-fields-footer { - text-align: left; -} -@media only screen and (max-width: 991px) { - .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 { - height: 43px; - background: rgba(62, 98, 245, 0.1); - border: 0 none; - font-size: 14px; - font-weight: 500; -} - -.cptm-form-builder-active-fields-group { - position: relative; - padding-bottom: 5px; -} - -.cptm-form-builder-group-header-section { - margin-bottom: 20px; -} - -.cptm-form-builder-group-header { - display: flex; - align-items: center; -} - -.cptm-form-builder-group-title-area { - display: flex; - flex-grow: 1; - padding: 15px 20px; - box-sizing: border-box; - border-radius: 4px; - background-color: #444752; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); -} - -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; -} - -.cptm-form-builder-group-title-area__dropable-wrapper { - flex-grow: 1; -} - -.cptm-no-wrap { - flex-wrap: nowrap; -} - -.cptm-card-top-area { - 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; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - right: 20px; - top: 50%; - transform: translateY(-50%); - pointer-events: none; -} - -.cptm-card-placeholder-row { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; -} - -.cptm-card-placeholder-col { - flex-grow: 1; - padding: 0 10px; -} - -.cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; -} - -.cptm-form-builder-group-title-actions { - display: block; -} -.cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - color: #fff; -} - -.cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-left: 15px; -} - -.cptm-form-builder-group-title { - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; -} - -.cptm-form-builder-group-options { - background-color: #fff; - margin: -5px 50px 0 0; - padding: 22px 25px 25px; - box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1); -} - -.cptm-form-builder-group-fields { - display: block; - position: relative; -} - -.cptm-restricted-area { - 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: 20px; - position: relative; - margin-right: 50px; - border-radius: 4px; -} - -.cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - transform: translate(34px, 7px); -} - -.cptm-form-builder-group-field-item-action-link { - 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); -} - -.action-trash:hover { - background-color: #d7d7d7; -} -.action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); -} - -.cptm-form-builder-group-field-item-header-actions { - margin-left: 10px; - background-color: #fff; -} - -.cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 12px; - margin-left: 5px; - transition: all ease-in-out 300ms; - opacity: 0.5; -} -.cptm-form-builder-header-action-link:hover { - opacity: 1; -} - -.action-collapse-up span, -.action-collapse-up span::before { - transition: all ease-in-out 300ms; - transform: rotate(0); -} - -.action-collapse-down span, -.action-collapse-down span::before { - transition: all ease-in-out 300ms; - transform: rotate(180deg); -} - -.cptm-form-builder-group-field-item-header { - display: flex; - position: relative; - justify-content: space-between; - padding: 15px 20px; - cursor: move; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - border-radius: 4px; - background-color: #fff; - z-index: 8; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 { - font-size: 14px; - color: #272b41; -} - -.cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; -} -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - 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 .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; -} - -.cptm-form-builder-field-list { - margin: -5px -5px -5px -5px; - padding: 0; - display: flex; - flex-wrap: wrap; -} - -.cptm-form-builder-field-list-item { - list-style: none; - width: calc(50% - 10px); - margin: 5px; - background-color: #f4f5f7; - padding: 14px 18px; - box-sizing: border-box; - border-radius: 4px; - display: flex; - align-items: center; - flex-wrap: wrap; -} -.cptm-form-builder-field-list-item.clickable { - cursor: pointer; -} -.cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; -} -@media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 10px); - } -} - -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; -} - -.cptm-form-builder-field-list-icon { - display: inline-block; - margin-right: 4px; - width: 22px; - font-size: 18px; - color: #272b41; -} - -.cptm-form-builder-field-list-label { - display: inline-block; - font-size: 14px; - font-weight: 500; - color: #272b41; -} - -.cptm-info-text-area { - margin-bottom: 10px; -} - -.cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; -} - -.cptm-info-success { - color: #00B158; -} - -.cptm-mb-0 { - margin-bottom: 0 !important; -} - -.cptm-item-footer-drop-area { - 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); -} -.cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; -} - -.cptm-form-builder-group-field-item-drop-area { - 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); -} - -.cptm-checkbox-area, -.cptm-options-area { - display: flex; - flex-direction: column; - margin: 10px 0; - right: 0; - left: 0; -} - -.cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -@media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } -} -.cptm-checkbox-item, -.cptm-radio-item { - display: flex; - margin-right: 20px; -} - -#listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -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::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=radio].cptm-radio { - margin-top: 1px; -} - -.cptm-form-range-wrap { - display: inline-flex; - flex-wrap: wrap; -} -.cptm-form-range-wrap .cptm-form-range-bar { - flex-grow: 1; -} -.cptm-form-range-wrap .cptm-form-range-output { - width: 30px; -} -.cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; -} - -.cptm-checkbox-ui { - 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; -} -.cptm-checkbox-ui:after { - 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; -} - -.cptm-thumbnail { - 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; -} - -.cptm-thumbnail-placeholder { - display: flex; - align-items: center; - justify-content: center; - min-height: 240px; -} - -.cptm-thumbnail-placeholder-icon { - font-size: 120px; - color: gainsboro; -} - -.cptm-thumbnail-img-wrap { - 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; - transition: all ease-in-out 300ms; -} - -.cptm-sub-navigation { - padding: 0; - margin: 0; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-sub-nav__item { - 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: #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; -} - -.cptm-builder-section { - display: flex; - flex-wrap: wrap; - position: relative; -} - -.cptm-options-area { - width: 300px; -} - -.cptm-option-card { - 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 { - transform: rotate3d(0, 1, 0, 45deg); -} -.cptm-option-card.cptm-animation-slide-up { - transform: translate(0, 30px); -} -.cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; -} -.cptm-option-card.active.cptm-animation-flip { - transform: rotate3d(0, 0, 0, 0deg); -} -.cptm-option-card.active.cptm-animation-slide-up { - transform: translate(0, 0); -} - -.cptm-anchor-down { - 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; -} - -.cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - transition: all ease-in-out 300ms; -} -.cptm-header-action-link:hover { - color: #fff; -} - -.cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; -} - -.cptm-option-card-header-title-section { - display: flex; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; -} - -.cptm-option-card-header-title { - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; -} - -.cptm-header-action-area { - display: flex; - padding: 0 0 0 10px; - justify-content: center; - align-items: center; -} - -.cptm-option-card-header-nav-section { - display: block; -} - -.cptm-option-card-header-nav { - 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; - 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); -} - -.cptm-option-card-body { - 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; -} -.cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: block; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector .icon-picker-selector__btn { - margin-top: 10px; -} - -.cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - transform: translate(-50%, 50%); -} - -.cptm-widget-insert-wrap { - position: relative; -} - -.cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - transform: translate(-50%, -100%); - pointer-events: none; -} -.cptm-widget-insert-modal-container.active { - 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; - 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; -} - -.cptm-widget-card-drop-prepend { - border-radius: 10px; -} - -.cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 10px; - 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; -} -.cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; -} - -.cptm-widget-card-wrap { - visibility: visible; -} - -.cptm-widget-card-inline-wrap { - display: inline-flex; - vertical-align: top; -} -.cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - flex: 1; -} -.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - 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; -} - -.cptm-list-item { - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; -} -.cptm-list-item .cptm-list-item-icon { - width: 25px; -} -.cptm-list-item .cptm-list-item-label { - flex-grow: 1; -} - -.cptm-list-item-card { - 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); - transition: 0.3s ease; - position: relative; -} - -.cptm-preview-area { - flex-grow: 1; - padding: 0 20px; -} -@media (max-width: 400px) { - .cptm-preview-area { - padding: 0; - } -} - -.cptm-placeholder-blcok { - 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-label { - 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; -} - -.cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; -} - -.cptm-center-content { - display: flex; - height: 100%; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} -.cptm-center-content.cptm-content-wide * { - flex-grow: 1; -} - -.cptm-mb-10 { - margin-bottom: 10px !important; -} - -.cptm-mb-20 { - margin-bottom: 20px !important; -} - -.cptm-listing-card-body-header { - display: flex; - flex-wrap: wrap; -} - -.cptm-align-left { - text-align: left; -} - -.cptm-listing-card-body-header-left { - flex-grow: 1; -} - -.cptm-listing-card-body-header-right { - width: 100px; - margin-left: 10px; -} - -.cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; -} - -.cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 10px; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; -} -.cptm-card-preview-widget.cptm-card-list-view { - display: flex; - flex-wrap: wrap; - max-width: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; -} -.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-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; -} - -.cptm-listing-card-preview-header { - display: block; - flex-grow: 1; -} - -.cptm-listing-card-content { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; -} - -.cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - box-sizing: border-box; -} - -.cptm-card-preview-thumbnail-placeholer { - height: 100%; -} - -.cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-listing-card-preview-quick-info-placeholder { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail-bg { - 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); -} - -.cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; -} - -.cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-top-right-placeholder { - text-align: right; -} - -.cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; -} - -.cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; -} - -.cptm-listing-card-preview-body { - 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); - 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); -} -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background: #fff; - color: #5a5f7d; -} - -.cptm-placeholder-author-thumb { - margin: 0; -} -.cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background: #c6d0dc; - border: 4px solid #fff; -} - -.cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; -} - -.cptm-has-widget-control { - position: relative; -} -.cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; -} - -.cptm-form-group-row { - display: flex; - flex-wrap: wrap; -} - -.cptm-form-group-col { - flex-grow: 1; - flex-basis: 50%; -} - -.cptm-form-group-info { - color: gray; - margin-bottom: 5px; -} - -.cptm-widget-actions-tools { - position: absolute; - width: 75px; - background: #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; -} - -.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; - transition: 0.3s ease; - z-index: 1; -} -.cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; -} -.cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; -} - -.cptm-widget-control-wrap { - 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: 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%; - 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; -} -.cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - -.hide { - display: none; -} - -.cptm-widget-control-action { - 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; -} - -.cptm-listing-card-preview-body-placeholder { - 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 .cptm-placeholder-label { - color: #a1a8c6; -} - -.cptm-listing-card-preview-footer { - display: flex; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; -} - -.cptm-listing-card-preview-footer-left-placeholder { - 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-right-placeholder { - 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 .cptm-widget-preview-area { - display: flex; - justify-content: flex-end; - align-items: center; -} - -.cptm-card-light.cptm-placeholder-blcok { - 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-label { - color: #23282d; -} -.cptm-card-light .cptm-widget-badge { - color: #969DB8; - background-color: #EFF0F3; -} - -.cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background: #fff; -} -.cptm-card-dark-light .cptm-widget-badge { - 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; -} - -.cptm-widgets-header { - display: block; -} - -.cptm-widget-nav { - display: flex; - flex-wrap: wrap; - margin: 0; -} - -.cptm-widget-nav-item { - 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; -} -.cptm-widget-nav-item:hover { - color: #2b2b2b; -} -.cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; -} - -.cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; -} - -.cptm-widgets-list { - display: block; - margin: 0; -} - -.cptm-widgets-list-item { - display: block; -} - -.widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; -} - -.cptm-widgets-sub-list { - 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; -} - -.widget-icon { - display: inline-block; - margin-right: 5px; -} - -.widget-label { - display: inline-block; -} - -.cptm-form-group { - display: block; - margin-bottom: 20px; -} -.cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #272b41; - margin-bottom: 9px; -} -.cptm-form-group .cptm-form-control { - max-width: 100%; -} -.cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); -} - -.cptm-form-group-feedback { - display: block; -} - -.cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - transition: all ease-in-out 300ms; -} -.cptm-form-alert.cptm-error { - color: #c82424; -} - -.cptm-input-toggle-wrap { - display: flex; - flex-wrap: wrap; - align-items: center; -} -.cptm-input-toggle-wrap label { - padding-right: 10px; - flex-grow: 1; - margin-bottom: 0; -} - -.cptm-input-toggle { - display: inline-block; - position: relative; - width: 50px; - height: 25px; - 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; - transition: all ease-in-out 300ms; -} -.cptm-input-toggle.active { - background-color: #3e62f5; -} -.cptm-input-toggle.active::after { - left: 100%; - transform: translateX(calc(-100% - 10px)); -} - -.cptm-multi-option-group { - display: block; - margin-bottom: 20px; -} -.cptm-multi-option-group .cptm-btn { - margin: 0; -} - -.cptm-multi-option-label { - display: block; -} - -.cptm-multi-option-group-section-draft { - display: flex; - flex-wrap: wrap; - margin: -8px; -} -.cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - flex: 1; -} -.cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; -} -.cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; -} -.cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; -} - -.cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; -} - -.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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -.cptm-form-control:hover, -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 input[type=text].cptm-form-control:hover { - color: #23282d; -} - -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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -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; -} -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: #fff; -} - -.tab-general .cptm-title-area, -.tab-other .cptm-title-area { - margin-left: 0; -} -.tab-general .cptm-form-group .cptm-form-control, -.tab-other .cptm-form-group .cptm-form-control { - background: #fff; - border: 1px solid #e3e6ef; -} - -.tab-preview_image .cptm-title-area, -.tab-packages .cptm-title-area, -.tab-other .cptm-title-area { - 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; -} - -.cptm-modal-container { - 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; -} - -.cptm-modal-wrap { - 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: #fff; -} - -.cptm-modal-header { - 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; -} - -.cptm-modal-actions { - 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; -} - -.cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; -} - -.cptm-section-alert-area { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - min-height: 200px; -} - -.cptm-section-alert-content { - text-align: center; - padding: 10px; -} - -.cptm-section-alert-icon { - 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; -} -.cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; -} - -.cptm-color-picker-wrap { - display: inline-flex; -} - -.cptm-color-picker-label { - display: flex; - align-items: center; - margin-left: 10px; -} - -.cptm-wdget-title { - display: flex; - justify-content: space-between; -} - -.atbdp-flex-align-center { - display: flex; - align-items: center; -} - -.cptm-px-5 { - padding: 0 5px; -} - -.cptm-text-gray { - color: #c1c1c1; -} - -.cptm-text-right { - text-align: right !important; -} - -.cptm-text-center { - text-align: center !important; -} - -.cptm-text-left { - text-align: left !important; -} - -.cptm-d-block { - display: block !important; -} - -.cptm-d-inline { - display: inline-block !important; -} - -.cptm-d-inline-flex { - display: inline-flex !important; - flex-wrap: wrap; -} - -.cptm-d-none { - display: none !important; -} - -.cptm-p-20 { - padding: 20px; -} - -.cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; -} - -input[type=radio]:checked::before { - background-color: #3e62f5; -} - -@media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } -} - -.atbdp-sidebar-nav-area { - display: block; -} - -.atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; -} - -.atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; -} - -.atbdp-nav-icon { - display: inline-block; - margin-right: 10px; -} - -.atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-nav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; -} -.atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; -} - -.atbdp-sidebar-subnav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; -} -.atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.atbdp-col { - padding: 0 15px; - flex-grow: 1; - box-sizing: border-box; -} - -.atbdp-col-3 { - flex-basis: 25%; - width: 25%; -} - -.atbdp-col-4 { - flex-basis: 33.3333333333%; - width: 33.3333333333%; -} - -.atbdp-col-8 { - flex-basis: 66.6666666667%; - width: 66.6666666667%; -} - -.shrink { - max-width: 300px; -} - -.directorist_dropdown { - position: relative; -} -.directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - font-size: 14px; - font-weight: 500; - background-color: #F4F5F7; - color: #5A5F7D; - border-radius: 4px; - padding: 13px 15px; - line-height: 1; -} -.directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - box-shadow: 0 0; -} -.directorist_dropdown .directorist_dropdown-toggle:before { - font-family: "Font Awesome 5 Free"; - font-weight: 900; - font-size: 18px; - float: right; - content: "\f107"; -} -.directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - 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; - overflow-y: auto; -} -.directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; -} -.directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; -} -.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; -} -.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: #f2f2f2; -} - -.cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; -} - -/* Sticky fields */ -.cptm-col-sticky { - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; -} - -.cptm-theme-butterfly .cptm-info-text { - text-align: left; - margin: 0; -} - -.atbdp-settings-panel .cptm-form-group { - margin-bottom: 35px; -} -.atbdp-settings-panel .cptm-tab-content { - margin: 0; - padding: 0; - width: 100%; - max-width: unset; -} -.atbdp-settings-panel .cptm-title { - font-size: 18px; - line-height: unset; -} -.atbdp-settings-panel .cptm-menu-title { - font-size: 20px; - font-weight: 500; - color: #23282d; - margin-bottom: 50px; -} -.atbdp-settings-panel .cptm-section { - border: 1px solid #E3E6EF; - border-radius: 10px; - margin-bottom: 50px !important; -} -.atbdp-settings-panel .cptm-section .cptm-title-area { - 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; -} -.atbdp-settings-panel .cptm-section .cptm-title-area .cptm-title { - font-size: 20px; - font-weight: 500; - color: #000000; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields { - padding: 20px 25px 0 25px; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group label { - font-size: 15px; -} - -/* settings panel css */ -.atbdp-settings-manager .directorist_builder-header { - margin-bottom: 30px; -} -.atbdp-settings-manager .atbdp-settings-manager__top { - 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: 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; - } -} - -.directorist_vertical-align-m { - 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; -} - -@media only screen and (max-width: 767px) { - .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 .directorist_dropdown .directorist_dropdown-toggle { - line-height: 0.8; -} - -.directorist_settings-trigger { - display: inline-block; - cursor: pointer; -} -.directorist_settings-trigger span { - display: block; - width: 20px; - height: 2px; - background-color: #272B41; -} -.directorist_settings-trigger span:not(:last-child) { - margin-bottom: 4px; -} - -.settings-wrapper { - width: 100%; - margin: 0 auto; -} - -.atbdp-settings-panel { - max-width: 1200px; - margin: 0 !important; -} - -.setting-top-bar { - background: #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 { - flex-direction: column; - } -} -.setting-top-bar .atbdp-setting-top-bar-right { - 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; - } -} -@media only screen and (max-width: 575px) { - .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; -} -.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; -} -.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; - 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; - 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; -} -.setting-top-bar .search-suggestions-list .search-suggestions-list--link:hover { - color: #fff; - background-color: #3E62F5; -} - -.setting-top-bar__search-actions { - display: flex; - flex-wrap: wrap; -} -@media only screen and (max-width: 575px) { - .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-response-feedback { - display: flex; - margin: 0 10px; - align-items: center; - color: #fff; -} - -.setting-search-suggestions { - position: relative; - z-index: 999; -} - -.search-suggestions-list { - 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; -} - -.search-suggestions-list--link { - display: block; - padding: 10px 15px; - text-decoration: none; - transition: all ease-in-out 200ms; -} -.search-suggestions-list--link:hover { - background-color: #f2f2f2; -} - -.setting-body { - display: flex; -} - -.settings-contents { - 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; -} -.setting-search-field__input:focus { - 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: #3E62F5; - transition: all ease-in-out 300ms; -} -.settings-save-btn:focus { - color: #fff; - outline: none; -} -.settings-save-btn:hover { - border-color: #264ef4; - background: #264ef4; - color: #fff; -} -.settings-save-btn:disabled { - opacity: 0.8; - cursor: not-allowed; -} - -.setting-left-sibebar { - min-width: 250px; - max-width: 250px; - background: #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; - transform: translateX(-250px); - transition: 0.35s; - z-index: 99999; - } -} -.setting-left-sibebar.active { - 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; -} -.directorist_settings-panel-shade.active { - z-index: 999; - opacity: 1; - visibility: visible; -} - -.settings-nav { - margin: 0; - padding: 0; - list-style-type: none; -} - -.settings-nav li { - list-style: none; -} - -.settings-nav a { - text-decoration: none; -} - -.settings-nav__item.active { - background: #fff; -} - -.settings-nav__item ul { - padding-left: 0; - background: #fff; - display: none; -} - -.settings-nav__item.active ul { - display: block; -} - -.settings-nav__item__link { - 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: #fff; -} - -.settings-nav__item.active .settings-nav__item__link { - color: #3E62F5; -} - -.settings-nav__item__icon { - display: inline-block; - width: 32px; -} -.settings-nav__item__icon i { - font-size: 15px; -} -.settings-nav__item__icon i.directorist_Blue { - color: #3E62F5; -} -.settings-nav__item__icon i.directorist_success { - color: #08BF9C; -} -.settings-nav__item__icon i.directorist_pink { - color: #FF408C; -} -.settings-nav__item__icon i.directorist_warning { - color: #FA8B0C; -} -.settings-nav__item__icon i.directorist_info { - color: #2C99FF; -} -.settings-nav__item__icon i.directorist_green { - color: #00B158; -} -.settings-nav__item__icon i.directorist_danger { - color: #FF272A; -} -.settings-nav__item__icon i.directorist_wordpress { - 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: 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 { - box-shadow: 0 0; - outline: 0 none; -} - -.settings-nav__item ul li a.active { - color: #3E62F5; - background: #fff; - box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); - border-left-color: #3E62F5; -} - -.settings-nav__item ul li a:hover { - background: #fff; - box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); -} - -span.drop-toggle-caret { - 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; -} - -.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; -} - -.settings-footer { - 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; -} - -.settings-footer-actions { - display: flex; - flex-wrap: wrap; - color: #272b41; -} - -.atbdp-settings-panel .cptm-form-control, -.atbdp-settings-panel .directorist_dropdown { - max-width: 500px !important; -} - -#page_settings .cptm-menu-title { - display: none; -} - -.directorist-extensions > td > div { - 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; -} - -.directorist-extensions table { - width: 100%; -} - -.ext-height-fix { - height: 250px !important; - overflow: hidden; - transition: 0.3s ease; -} - -.ext-height-fix:before { - 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; -} - -.atbdp-setup { - background: #F1F1F1; - height: 100vh; - margin: 0; - padding: 0; - display: flex; - align-items: center; - justify-content: center; -} - -.directorist-setup-wizard-vh-none { - height: auto; -} - -.directorist-setup-wizard-wrapper { - padding: 100px 0; -} - -.atbdp-setup-content { - font-family: Arial; - width: 700px; - color: #3e3e3e; - border-radius: 5px; - box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); - background: #fff; - overflow: hidden; -} - -.atbdp-setup-content .atbdp-c-header { - padding: 32px 40px 23px; - border-bottom: 1px solid #F1F2F6; -} - -.atbdp-setup-content .atbdp-c-header h1 { - font-size: 28px; - font-weight: 600; - margin: 0; -} - -.atbdp-setup-content .atbdp-c-body { - padding: 30px 40px 50px; -} - -.atbdp-setup-content .atbdp-c-logo { - text-align: center; - margin-bottom: 40px; -} -.atbdp-setup-content .atbdp-c-logo img { - width: 200px; -} - -.atbdp-setup-content .atbdp-c-body p { - font-size: 16px; - line-height: 26px; - color: #5A5F7D; -} - -.atbdp-setup-content .atbdp-c-body .atbdp-c-intro-title { - font-size: 26px; - font-weight: 500; -} - -.wintro-text { - margin-top: 100px; -} - -.atbdp-setup-content .atbdp-c-footer { - background: #F4F5F7; - padding: 20px 40px; - display: flex; - justify-content: flex-end; -} - -.atbdp-setup-content .atbdp-c-footer p { - 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; -} - -.wbtn-primary { - background: #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; -} - -.w-form-group { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - margin-bottom: 25px; -} - -.w-form-group:last-child { - margin-bottom: 0; -} - -.w-form-group label { - flex: 1; - font-size: 15px; - font-weight: 500; -} - -.w-form-group div { - 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; - box-sizing: border-box; - cursor: pointer; -} - -.atbdp-sw-gmap-key small { - display: block; - margin-top: 4px; - color: #9299B8; -} - -.w-toggle-switch { - 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; -} - -.w-toggle-switch .w-switch:before, -.w-toggle-switch .w-switch:after { - content: ""; - font-size: 15px; - position: absolute; -} - -.w-toggle-switch .w-switch:before { - border-radius: 19px; - background: #C8CADF; - height: 26px; - left: -4px; - top: -3px; - transition: background-color 0.25s ease-out 0.1s; - width: 48px; -} - -.w-toggle-switch .w-switch:after { - box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); - border-radius: 50%; - background: #fefefe; - height: 18px; - transform: translate(0, 0); - transition: transform 0.25s ease-out 0.1s; - width: 18px; - top: 1px; -} - -.w-toggle-switch .w-switch:checked:after { - transform: translate(20px, 0); -} - -.w-toggle-switch .w-switch:checked:before { - background: #4353FF; -} - -.w-input-group { - position: relative; -} - -.w-input-group span { - position: absolute; - left: 1px; - top: 1px; - height: 40px; - display: inline-flex; - align-items: center; - font-size: 12px; - padding: 0 12px; - color: #9299B8; - background: #EFF0F3; - border-radius: 4px 0 0 4px; -} - -.w-input-group input { - padding-left: 58px !important; -} - -.wicon-done { - display: inline-flex; - font-size: 50px; - background: #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; -} - -.wsteps-done h2 { - font-size: 24px; - font-weight: 500; - margin-bottom: 50px; -} - -.wbtn-outline-primary { - border-color: #4353FF; - color: #4353FF; - margin-left: 6px; -} - -.atbdp-c-footer-center { - justify-content: center !important; - padding: 30px !important; -} - -.atbdp-c-footer-center a { - color: #2c99ff; -} - -.atbdp-setup-steps { - font-family: arial; - width: 450px; - margin: 0 auto 20px; - display: flex; - flex-wrap: wrap; - padding: 0; - justify-content: space-between; - align-items: center; - color: #3e3e3e; - list-style: none; -} - -.atbdp-setup-steps li { - position: relative; - display: flex; - flex-direction: column; - align-items: center; -} - -.atbdp-setup-steps li:after { - position: absolute; - content: ""; - width: 120px; - height: 3px; - background: #C6D0DC; - left: 35px; - top: 27%; - transform: translateY(-50%); - z-index: -1; -} - -.atbdp-setup-steps li.done:after { - background: #0FB73B; -} - -.atbdp-setup-steps li:last-child { - padding-right: 0; -} - -.atbdp-setup-steps li:last-child:after { - content: none; -} - -.atbdp-setup-steps li span.atbdp-sw-circle { - display: inline-flex; - background: #fff; - width: 34px; - height: 34px; - border-radius: 50%; - box-shadow: 5px 0 10px rgba(146, 153, 184, 0.15); - align-items: center; - justify-content: center; - color: #9299B8; - margin-bottom: 12px; -} - -.atbdp-setup-steps li span.atbdp-sw-circle .dashicons { - display: none; -} - -.atbdp-setup-steps li.done span.atbdp-sw-circle { - background: #0FB73B; - color: #fff; -} - -.atbdp-setup-steps li.done span.atbdp-sw-circle span { - display: none; -} - -.atbdp-setup-steps li.done span.atbdp-sw-circle span.dashicons { - display: inline-block; -} - -.atbdp-setup-steps li.active span.atbdp-sw-circle { - background: #272B41; - color: #fff; -} - -.atbdp-setup-steps li.atbdsw-logo { - flex: 0 0 100%; - margin-bottom: 50px; -} - -.atbdp-setup-steps li.atbdsw-logo:after { - content: none; -} - -.atbdp-none { - display: none; -} - -.directorist-importer__importing { - position: relative; -} - -.directorist-importer__importing h2 { - margin-top: 0; -} - -/* progressbar style */ -.directorist-importer__importing progress { - 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: 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%; - } -} -.directorist-importer__importing progress::-webkit-progress-bar { - background: #E8F0F8; - border-radius: 15px; -} - -.directorist-importer__importing progress::-webkit-progress-value { - background: #2C99FF; -} - -.directorist-importer__importing progress::-moz-progress-bar { - background: #E8F0F8; - border-radius: 15px; - border: none; - box-shadow: none; -} - -.directorist-importer__importing progress[value]::-moz-progress-bar { - background: #2C99FF; -} - -.directorist-importer__importing span.importer-notice { - 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; -} - -.directorist-importer__importing .spinner.is-active { - width: 15px; - height: 15px; - border-radius: 50%; - border: 3px solid #ddd; - position: absolute; - right: 0; - top: 0; - background: transparent; - border-right-color: #4353FF; - animation: swRotate 2s linear infinite; -} - -@keyframes swRotate { - 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; -} - -.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 span.select2-selection.select2-selection--single:focus { - outline: 0; -} - -.select2-dropdown { - border: 1px solid #C6D0DC !important; - border-top: 0 none !important; -} - -.select2-container--default .select2-results__option[aria-selected=true] { - background-color: #eee !important; -} - -.select2-container--default .select2-results__option--highlighted, -.select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted { - background-color: #4353FF !important; -} - -.btn-hide { - display: none; -}/*# sourceMappingURL=admin-style.css.map */ \ No newline at end of file diff --git a/assets/src/scss/layout/admin/admin-style.scss b/assets/src/scss/layout/admin/admin-style.scss deleted file mode 100644 index 7628ad83f9..0000000000 --- a/assets/src/scss/layout/admin/admin-style.scss +++ /dev/null @@ -1,5972 +0,0 @@ -@import "../../vendor/bootstrap/config.bs"; -@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); -#directiost-listing-fields_wrapper { - .directorist-show { - display: block !important; - } - - .directorist-hide { - display: none !important; - } - - padding: 18px 20px; - - a:focus, - a:active { - box-shadow: unset; - outline: none; - } - - .atcc_pt_40 { - padding-top: 40px; - } - - * { - box-sizing: border-box; - } - - .iris-picker, - .iris-picker * { - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - box-sizing: content-box; - } - - #gmap { - height: 350px; - } - - label { - margin-bottom: $label-margin-bottom; - display: inline-block; - font-weight: 500; - font-size: 15px; - color: $dark; - } - - .map_wrapper { - position: relative; - - #floating-panel { - position: absolute; - z-index: 2; - right: 59px; - top: 10px; - } - } - - a.btn { - text-decoration: none; - } - - [data-toggle="tooltip"] { - color: #a1a1a7; - font-size: 12px; - - &:hover { - color: $dark; - } - } - - .single_prv_attachment { - text-align: center; - - div { - position: relative; - display: inline-block; - - .remove_prev_img { - 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; - - &:hover { - color: #c81d1d; - } - } - } - } - - #listing_image_btn span { - vertical-align: text-bottom; - } - - .default_img { - margin-bottom: 10px; - text-align: center; - margin-top: 10px; - - small { - color: $text-color; - font-size: 13px; - } - } - - .atbd_pricing_options { - margin-bottom: 15px; - - label { - font-size: 13px; - } - - .bor { - margin: 0 15px; - } - - small { - font-size: 12px; - vertical-align: top; - } - } - - .price-type-both { - select.directory_pricing_field { - display: none; - } - } - - .listing-img-container { - text-align: center; - padding: 10px 0 15px; - - p { - margin-top: 15px; - margin-bottom: 4px; - color: #7a82a6; - font-size: 16px; - } - - small { - color: $text-color; - font-size: 13px; - } - - .single_attachment { - width: auto; - display: inline-block; - position: relative; - - .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: $light; - - &:hover { - color: $danger; - } - } - } - } - - .field-options { - margin-bottom: 15px; - } - - .directorist-hide-if-no-js { - text-align: center; - margin: 0; - } - - .form-check { - margin-bottom: 25px; - display: flex; - align-items: center; - - input { - vertical-align: top; - margin-top: 0; - } - - .form-check-label { - margin: 0; - font-size: 15px; - } - } - - .atbd_optional_field { - margin-bottom: 15px; - } - - .extension_detail { - margin-top: 20px; - - .btn_wrapper { - margin-top: 25px; - } - - &.ext_d { - min-height: 140px; - position: relative; - display: flex; - flex-direction: column; - flex-wrap: wrap; - - p { - margin: 0; - } - - .btn_wrapper { - width: 100%; - margin-top: auto; - } - - &>a, - p, - div { - display: block; - } - - &>p { - margin-bottom: 15px; - } - } - } - - .ext_title { - a { - text-align: center; - text-decoration: none; - font-weight: 500; - font-size: 18px; - color: $dark; - transition: 0.3s; - display: block; - } - - &:hover { - a { - color: #6e63ff; - } - } - - .text-center { - text-align: center; - } - } - - .attc_extension_wrapper { - margin-top: 30px; - - .col-md-4 { - .single_extension { - .btn { - padding: 3px 15px; - font-size: 14px; - } - } - } - - .single_extension { - margin-bottom: 30px; - background-color: #ffffff; - box-shadow: 0px 5px 10px #e1e7f7; - padding: 25px; - - img { - width: 100%; - } - - &.coming_soon { - img { - opacity: 0.6; - } - - a { - pointer-events: none !important; - } - - .ext_title { - a:after { - content: "(Coming Soon)"; - color: #ff0000; - font-size: 14px; - } - - &:hover a { - color: inherit; - } - } - - .btn { - opacity: 0.5; - } - } - } - } - - .attc_extension_wrapper__heading { - margin-bottom: 15px; - } - - .btn_wrapper { - a+a { - margin-left: 10px; - } - } - - &.atbd_help_support { - .wrap_left { - width: 70%; - } - - h3 { - font-size: 24px; - } - - a { - color: #387dff; - - &:hover { - text-decoration: underline; - } - } - - .postbox { - padding: 30px; - - h3 { - margin-bottom: 20px; - } - } - - .wrap { - display: inline-block; - vertical-align: top; - } - - .wrap_right { - width: 27%; - - .postbox { - background-color: #0073aa; - border-radius: 3px; - box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); - - h3 { - color: #fff; - margin-bottom: 25px; - } - } - } - } - - .shortcode_table td { - font-size: 14px; - line-height: 22px; - } - - ul.atbdp_pro_features { - li { - font-size: 16px; - margin-bottom: 12px; - - a { - color: #ededed; - - &:hover { - color: #fff; - } - } - } - } - - .atbdp-radio-list, - .atbdp-checkbox-list { - li { - label { - text-transform: capitalize; - font-size: 13px; - - input { - margin-right: 7px; - } - } - } - } - - .single_thm { - .ext_title { - h4 { - text-align: center; - } - } - - .btn_wrapper { - text-align: center; - } - } - - /*********************************************************** - ************************************************************ - css for Custom Field - ************************************************************* - **************************************************************/ - .postbox table.widefat { - box-shadow: none; - background-color: #eff2f5; - } - - #atbdp-field-details td { - color: #555; - font-size: 17px; - width: 8%; - } - - #atbdp-field-options td { - color: #555; - font-size: 17px; - width: 8%; - } - - .atbdp-tick-cross { - margin-left: 18px; - } - - .atbdp-tick-cross2 { - margin-left: 25px; - } - - /* - for shortable field*/ - .ui-sortable tr:hover { - cursor: move; - } - - .ui-sortable tr.alternate { - background-color: #f9f9f9; - } - - .ui-sortable tr.ui-sortable-helper { - background-color: #f9f9f9; - border-top: 1px solid #dfdfdf; - } - - .business-hour { - label { - margin-bottom: 0; - } - } -} - -#directorist.atbd_wrapper .form-group { - margin-bottom: 30px; - - &>label { - margin-bottom: 10px; - } - - .atbd_pricing_options { - display: flex; - align-items: center; - flex-wrap: wrap; - - label { - margin-bottom: 0; - } - - small { - margin-left: 5px; - } - - input[type="checkbox"] { - position: relative; - top: -2px; - } - } -} - -#directorist.atbd_wrapper #category_container .form-group { - margin-bottom: 0; -} - -#directorist.atbd_wrapper { - .g_address_wrap { - margin-bottom: 15px; - } - - .atbd_map_title { - margin-bottom: 15px; - } - - .map_wrapper { - .map_drag_info { - display: block; - font-size: 12px; - margin-top: 10px; - } - } - - .map-coordinate { - margin-top: 15px; - margin-bottom: 15px; - - label { - margin-bottom: 0; - } - } - - #hide_if_no_manual_cor { - .form-group .form-group { - margin-bottom: 20px; - } - } - - .atbd_map_hide { - margin-bottom: 0; - - label { - margin-bottom: 0; - } - } - - #atbdp-custom-fields-list { - margin: 13px 0 0 0; - } -} - -#_listing_video_gallery #directorist.atbd_wrapper { - .form-group { - 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, - .btn.get { - display: block; - margin: 0; - } - - .btn.get { - margin-top: 10px; - } - } -} - -#directorist.atbd_wrapper #addNewSocial { - margin-bottom: 15px; -} - -#directorist.atbd_wrapper .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; -} - -.atbdp_social_field_wrapper select.form-control { - height: 35px !important; -} - -#atbdp-categories-image-wrapper { - img { - width: 150px; - } -} - -.vp-wrap .vp-checkbox .field label { - 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; -} - -#shortcode-updated .input label span { - background-color: #008ec2; - width: 160px; - position: relative; - border-radius: 3px; - margin-top: 0; - - &:before { - 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; -} - -.olControlAttribution { - right: 10px !important; - bottom: 10px !important; -} - -.g_address_wrap ul { - margin-top: 15px !important; - - li { - margin-bottom: 8px; - border-bottom: 1px solid #e3e6ef; - padding-bottom: 8px; - - &:last-child { - margin-bottom: 0; - } - } -} - -.plupload-thumbs .thumb { - float: none !important; - max-width: 200px; - display: flex; -} - -#atbdp-categories-image-wrapper { - position: relative; - display: inline-block; - - .remove_cat_img { - 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; - - &:hover { - background-color: #ff0000; - color: #fff; - } - } -} - -.plupload-thumbs { - .thumb { - position: relative; - - &:hover { - .atbdp-thumb-actions { - display: flex !important; - } - } - - .atbdp-file-info { - border-radius: 5px; - } - - .atbdp-thumb-actions { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - margin-top: 0; - align-items: center; - justify-content: center; - - .thumbremovelink { - 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; - - &:hover { - background-color: #e23636; - } - } - - &:before { - border-radius: 5px; - } - } - } -} - -.plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; - - .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; - } - - .atbdp_button { - border: 1px solid $border-color; - background-color: #f8f9fb; - font-size: 14px; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - transition: 0.3s ease; - } - - .atbdp-dropbox-file-types { - margin-top: 10px; - color: #9299b8; - } -} - -@media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } -} - -@media (max-width: 400px) { - #_listing_contact_info #directorist.atbd_wrapper { - .form-check { - padding-left: 40px; - } - - .form-check-input { - margin-left: -40px; - } - - .map-coordinate { - #manual_coordinate { - display: inline-block; - } - - .cor-wrap { - label { - display: inline; - } - } - } - } - - #delete-custom-img { - margin-top: 10px; - } - - .enable247hour { - label { - display: inline !important; - } - } -} - -/* ATBD Tooltip */ -.atbd_tooltip { - position: relative; - - &[aria-label]:before, - &[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; - } - - &[aria-label]:before { - content: ""; - left: 50%; - transform: translate(-50%, 7px); - border: 6px solid transparent; - border-top-color: rgba(0, 0, 0, 0.8); - } - - &[aria-label]:after { - 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; - } - - &[aria-label]:hover:before, - &[aria-label]:hover:after { - display: block; - } -} - -@keyframes showTooltip { - from { - opacity: 0; - } -} - -.atbdp_shortcodes { - position: relative; - - &: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; - } -} - -.directorist-find-latlan { - display: inline-block; - color: red; -} - -.business_time.column-business_time, -.web-link.column-web-link { - .atbdp-tick-cross2 { - padding-left: 25px; - } -} - -#atbdp-field-details .recurring_time_period { - display: flex; - align-items: center; - - >label { - margin-right: 10px; - } - - #recurring_period { - margin-right: 8px; - } -} - -div#need_post_area { - padding: 10px 0 15px 0; - - .atbd_listing_type_list { - margin: 0 -7px; - } - - label { - margin: 0 7px; - font-size: 16px; - - input:checked+span { - font-weight: 600; - } - } -} - -#pyn_service_budget { - label { - display: flex !important; - align-items: center; - - #is_hourly { - margin-right: 5px; - } - } -} - -#titlediv #title { - padding: 3px 8px 7px; - font-size: 26px; - height: 40px; -} - -.req_password_notice, -.password_notice { - padding-left: 20px; - padding-right: 20px; -} - -/* hide button example image top upload fields */ -#primary_example, -#secondary_example, -#success_example, -#danger_example, -#priout_example, -#prioutlight_example, -#danout_example { - display: flex; - align-items: center; - - input[type="text"], - .button { - display: none !important; - } -} - -#directorist.atbd_wrapper { - .dbh-wrapper { - label { - margin-bottom: 0 !important; - } - - .disable-bh { - margin-bottom: 5px; - } - - .dbh-timezone { - .select2-container .select2-selection--single { - height: 37px; - padding-left: 15px; - border-color: #ddd; - } - } - } -} - -span.atbdp-tick-cross { - padding-left: 20px; -} - -.atbdp-timestamp-wrap select, -.atbdp-timestamp-wrap input { - margin-bottom: 5px !important; -} - -/* csv styles */ -.csv-action-btns { - margin-top: 30px; - - a { - 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; - - span { - color: #9299b8; - } - - &:last-child { - margin-right: 0; - } - - &.btn-active { - background-color: #2c99ff; - color: #fff; - border-color: #2c99ff; - - span { - color: rgba(#fff, 0.8); - } - } - } -} - -.csv-action-steps { - ul { - width: 700px; - margin: 80px auto 0; - display: flex; - flex-wrap: wrap; - align-items: center; - - li { - text-align: center; - position: relative; - text-align: center; - width: 25%; - - &:before { - position: absolute; - content: url("../../../images/csv-step.png"); - left: 112px; - top: 8px; - width: 125px; - overflow: hidden; - } - - .step { - display: inline-flex; - align-items: center; - justify-content: center; - width: 34px; - height: 34px; - border-radius: 50%; - color: #9299b8; - box-shadow: 5px 0 10px rgba(#9299b8, 0.15); - background-color: #fff; - - .dashicons { - margin: 0; - display: none; - } - } - - .step-text { - display: block; - margin-top: 15px; - color: #9299b8; - } - - &.active { - .step { - background-color: #272b41; - color: #fff; - } - - .step-text { - color: #272b41; - } - } - - &.done { - &:before { - content: url("../../../images/csv-step-done.png"); - } - - .step { - background-color: #0fb73b; - color: #fff; - - .step-count { - display: none; - } - - .dashicons { - display: block; - } - } - - .step-text { - color: #272b41; - } - } - - &:last-child:before, - &:last-child.done:before { - content: none; - } - } - } -} - -.csv-wrapper { - margin-top: 20px; - - .csv-center { - width: 700px; - margin: 0 auto; - background-color: #fff; - border-radius: 5px; - box-shadow: 0 5px 8px rgba(#9299b8, 0.15); - } - - form { - header { - padding: 30px 30px 20px; - border-bottom: 1px solid #f1f2f6; - - h2 { - margin: 0 0 15px 0; - font-size: 22px; - font-weight: 500; - } - - p { - color: #5a5f7d; - margin: 0; - } - } - - .form-content { - padding: 30px; - - .directorist-importer-options { - margin: 0; - - h4 { - margin: 0 0 15px 0; - font-size: 15px; - } - - .csv-upload { - position: relative; - - #upload { - opacity: 0; - position: absolute; - left: 0; - top: 0; - width: 1px; - height: 0; - - &+label { - display: inline-flex; - align-items: center; - cursor: pointer; - - .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; - } - - .file-name { - color: #9299b8; - display: inline-block; - margin-left: 5px; - } - } - } - - small { - font-size: 13px; - color: #9299b8; - display: block; - margin-top: 10px; - } - } - - .update-existing { - padding-top: 30px; - - label.ue { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: block; - margin-bottom: 15px; - } - } - - .csv-delimiter { - padding-top: 30px; - - label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: block; - margin-bottom: 10px; - } - - input { - width: 120px; - border-radius: 4px; - border: 1px solid #c6d0dc; - height: 36px; - } - } - } - - .atbdp-importer-mapping-table-wrapper { - h3 { - margin-top: 0; - } - - .directory_type_wrapper { - label { - width: 100%; - display: block; - margin-bottom: 15px; - } - - #directory_type { - border: 1px solid #c6d0dc; - border-radius: 4px; - line-height: 40px; - padding: 0 15px; - width: 100%; - } - } - - .atbdp-importer-mapping-table { - border: 0 none; - box-shadow: none; - margin-top: 25px; - - tr { - - th, - td { - width: 50%; - } - } - - thead { - background-color: #f4f5f7; - - th { - border: 0 none; - font-weight: 500; - color: #272b41; - } - } - - tbody { - .atbdp-importer-mapping-table-name { - padding-top: 15px; - padding-left: 0; - - p { - margin: 0 0 5px; - color: #272b41; - } - - .description { - color: #9299b8; - } - - code { - line-break: anywhere; - } - } - - .atbdp-importer-mapping-table-field { - padding-top: 20px; - padding-right: 0; - - select { - border: 1px solid #c6d0dc; - border-radius: 4px; - line-height: 40px; - padding: 0 15px; - width: 100%; - } - } - } - } - } - } - - .atbdp-actions { - display: flex; - justify-content: flex-end; - padding: 20px 30px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; - - .button { - background-color: #3e62f5; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-size: 15px; - - &:hover, - &:focus { - opacity: .9; - } - } - } - } - - .directorist-importer__importing { - header { - padding: 30px 30px 20px; - border-bottom: 1px solid #f1f2f6; - - h2 { - margin: 0 0 15px 0; - font-size: 22px; - font-weight: 500; - } - - p { - color: #5a5f7d; - margin: 0; - } - } - - section { - padding: 25px 30px 30px; - } - - .importer-progress-notice { - display: flex; - align-items: center; - justify-content: space-between; - color: #5a5f7d; - margin-top: 10px; - } - - span.importer-notice { - padding-bottom: 0; - font-size: 14px; - font-style: italic; - } - - span.importer-details { - padding-top: 0; - font-size: 14px; - } - - progress { - border-radius: 15px; - width: 100%; - height: 15px; - overflow: hidden; - } - - progress::-webkit-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; - } - - progress::-webkit-progress-value { - background-color: #3e62f5; - border-radius: 15px; - } - - progress::-moz-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; - border: none; - box-shadow: none; - } - - progress[value]::-moz-progress-bar { - background-color: #3e62f5; - border-radius: 15px; - } - } - - .csv-import-done { - .wc-progress-form-content { - padding: 100px 30px 80px; - - .wc-actions { - text-align: center; - - .dashicons { - width: 100px; - height: 100px; - display: inline-flex; - border-radius: 50%; - background-color: #0fb73b; - font-size: 70px; - color: #fff; - align-items: center; - justify-content: center; - } - - p { - color: #5a5f7d; - font-size: 20px; - margin: 10px 0 0; - - strong { - color: #272b41; - font-weight: 600; - } - } - - .import-complete { - font-size: 20px; - color: #272b41; - margin: 16px 0 0; - } - } - } - - .atbdp-actions { - display: flex; - justify-content: flex-end; - padding: 20px 30px; - background-color: #f4f5f7; - - .button { - background-color: #2c99ff; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-weight: 500; - font-size: 15px; - } - } - } - - .csv-center.csv-export { - padding: 100px 30px; - display: flex; - align-items: center; - justify-content: center; - - .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; - } - } -} - -.iris-border .iris-palette-container .iris-palette { - padding: 0 !important; -} - -#csv_import { - .vp-input { - &+span { - 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; - - &:after { - content: "Run Importer"; - } - } - } -} - -.vp-wrap { - display: flex; - justify-content: space-between; - flex-wrap: wrap; -} - -.vp-documentation-panel { - #directorist.atbd_wrapper { - padding: 4px 0; - } -} - -// wp picker Holder -.wp-picker-container { - .wp-picker-input-wrap { - label { - margin: 0 15px 10px; - } - } -} - -.wp-picker-holder { - .iris-picker-inner { - .iris-square { - margin-right: 5%; - - .iris-strip { - height: 180px !important; - } - } - } -} - -/* form builder add listing form */ -.postbox-container { - .postbox { - select[name="directory_type"]+.form-group { - margin-top: 15px; - } - - .form-group { - margin-bottom: 30px; - - label { - display: inline-block; - font-weight: 500; - font-size: 15px; - color: $dark; - margin-bottom: 10px; - } - - #privacy_policy+label { - margin-bottom: 0; - } - - input[type="text"], - input[type="tel"], - input[type="url"], - input[type="number"], - input[type="date"], - input[type="time"], - input[type="email"], - select.form-control { - display: block; - width: 100%; - padding: 6px 15px; - line-height: 1.5; - border: 1px solid #c6d0dc; - - &::placeholder { - color: #868eae; - } - } - - textarea { - display: block; - width: 100%; - padding: 6px 6px; - line-height: 1.5; - border: 1px solid $border-color; - height: 100px; - } - - #excerpt { - margin-top: 0; - } - - .directorist-social-info-field { - #addNewSocial { - border-radius: 3px; - } - } - - .atbdp_social_field_wrapper { - display: flex; - align-items: center; - flex-wrap: wrap; - margin: 0 -15px 15px; - - .col-sm-12 { - padding: 0 15px; - } - - .col-md-6 { - width: 50%; - } - - .col-md-2 { - width: 5%; - } - - select, - input { - width: 100%; - border: 1px solid $border-color; - height: 35px; - } - } - - .btn { - padding: 7px 15px; - cursor: pointer; - - &.btn-primary { - background: var(--directorist-color-primary); - border: 0 none; - color: #fff; - } - } - } - - #directorist-terms_conditions-field { - input[type="text"] { - margin-bottom: 15px; - } - - .map_wrapper { - .cor-wrap { - margin-top: 15px; - } - } - } - } -} - -.theme-browser .theme .theme-name { - height: auto; -} - -/* System Status */ -.atbds_wrapper { - padding-right: 60px; - - .atbds_row { - display: flex; - } - - .atbds_col-left { - margin-right: 30px; - } - - .atbds_col-right { - flex: 1; - } - - .tab-pane { - display: none; - - &.show { - display: block; - } - } - - .atbds_title { - font-size: 24px; - margin: 30px 0 35px; - color: $ss-dark; - } -} - -.atbds_content { - margin-top: -8px; -} - -/* Spacing */ -.atbds_wrapper { - .pl-30 { - padding-left: 30px; - } - - .pr-30 { - padding-right: 30px; - } -} - -/* atbds card */ -.atbds_card { - &.card { - padding: 0; - min-width: 100%; - border: 0 none; - border-radius: 4px; - box-shadow: 0 5px 10px rgba(#adb4d2, 0.1); - } - - .atbds_status-nav { - .nav-link { - font-size: 14px; - font-weight: 400; - } - } - - .card-head { - border-bottom: 1px solid $ss-border-normal; - padding: 20px 30px; - - h1, - h2, - h3, - h4, - h5, - h6 { - font-size: 16px; - font-weight: 600; - color: $ss-dark; - margin: 0; - } - } - - .card-body { - .atbds_c-t-menu { - padding: 8px 30px 0; - border-bottom: 1px solid $ss-border-light; - - .nav { - margin: 0 -12.5px; - flex-wrap: wrap; - } - - .nav-item { - margin: 0 12.5px; - } - - .nav-link { - display: inline-block; - font-size: 14px; - font-weight: 600; - color: $ss-dark; - padding: 20px 0; - text-decoration: none; - position: relative; - white-space: nowrap; - - &.active { - &:after { - opacity: 1; - visibility: visible; - } - } - - &:focus { - outline: none; - box-shadow: 0 0 0 0px #5b9dd9, 0 0 0px 0px rgba(30, 140, 190, 0); - } - - &:after { - position: absolute; - left: 0; - bottom: -1px; - width: 100%; - height: 2px; - content: ""; - opacity: 0; - visibility: hidden; - background-color: $ss-dark; - } - } - - .nav { - display: flex; - } - } - - .atbds_c-t__details { - padding: 20px 0; - } - } -} - -#atbds_support .atbds_card, -#atbds_r-viewing .atbds_card { - max-width: 900px; - min-width: auto; -} - -/* atbds Sidebar */ -.atbds_sidebar { - ul { - margin-bottom: 0; - } - - .nav-link { - display: inline-block; - font-size: 15px; - font-weight: 500; - padding: 11px 20px; - color: $ss-gray; - text-decoration: none; - background-color: transparent; - border-radius: 20px; - min-width: 150px; - - &.active { - color: $ss-primary; - background-color: #fff; - } - - &:focus { - outline: none; - border: 0 none; - box-shadow: 0 0; - } - - .directorist-badge { - font-size: 11px; - height: 20px; - width: 20px; - text-align: center; - line-height: 1.75; - border-radius: 50%; - } - } - - a { - display: inline-block; - font-size: 15px; - font-weight: 500; - padding: 11px 20px; - color: $ss-gray; - text-decoration: none; - background-color: transparent; - border-radius: 20px; - min-width: 150px; - - &:focus { - outline: none; - border: 0 none; - box-shadow: 0 0; - } - } -} - -// System Status Css -.atbds_text-center { - text-align: center; -} - -.atbds_d-flex { - display: flex; -} - -.atbds_flex-wrap { - flex-wrap: wrap; -} - -.atbds_row { - display: flex; - flex-wrap: wrap; - margin-right: -15px; - margin-left: -15px; -} - -.atbds_col-4 { - 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; - - .atbd_tooltip__text { - 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: $ss-dark; - color: #bebfc6; - z-index: 10; - - &.show { - display: inline-block; - } - } -} - -/* atbds System Table */ -.atbds_system-table-wrap { - padding: 0 20px; -} - -.atbds_system-table { - width: 100%; - border-collapse: collapse; - - tr { - &:nth-child(2n) { - td { - background-color: $ss-bg-normal; - } - } - } - - td { - font-size: 14px; - color: $ss-gray; - padding: 14px 20px; - border-radius: 2px; - vertical-align: top; - - &.atbds_table-title { - font-weight: 500; - color: $ss-dark; - min-width: 125px; - } - } - - tbody { - tr { - td { - &.atbds_table-pointer { - width: 30px; - } - - &.diretorist-table-text { - p { - margin: 0; - line-height: 1.3; - - &:not(:last-child) { - margin: 0 0 15px; - } - } - } - - .atbds_color-success { - color: $ss-success; - } - } - } - } -} - -.atbds_table-list { - li { - margin-bottom: 8px; - } -} - -/* atbds warnings */ -.atbds_warnings { - padding: 30px; - min-height: 615px; -} - -.atbds_warnings__single { - border-radius: 6px; - padding: 30px 45px; - background-color: $ss-bg-light; - margin-bottom: 30px; - - .atbds_warnings__icon { - 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(#a1a8c6, 0.05); - - i, - span { - font-size: 30px; - } - - i, - span, - svg { - color: $warning; - } - } - - .atbds_warnigns__content { - max-width: 290px; - margin: 0 auto; - - h1, - h2, - h3, - h4, - h5, - h6 { - font-size: 18px; - line-height: 1.444; - font-weight: 500; - color: $ss-dark; - margin-bottom: 19px; - } - - p { - font-size: 15px; - line-height: 1.733; - color: $ss-gray; - } - - .atbds_btnLink { - margin-top: 30px; - } - } -} - -/* atbds Buttons */ -.atbds_btnLink { - display: inline-flex; - align-items: center; - font-size: 14px; - font-weight: 500; - text-decoration: none; - color: $ss-primary; - - i { - margin-left: 7px; - } -} - -.atbds_btn { - font-size: 14px; - font-weight: 500; - display: inline-block; - padding: 12px 30px; - border-radius: 4px; - cursor: pointer; - background-color: $ss-border-gray; - border: 1px solid $ss-border-gray; - box-shadow: 0 5px 10px rgba($ss-primary, 0.1); - transition: 0.3s; - - &:hover { - background-color: transparent; - border: 1px solid $ss-primary; - } - - &.atbds_btnPrimary { - color: #fff; - background-color: $ss-primary; - - &:hover { - color: $ss-primary; - background-color: #fff; - border-color: $ss-primary; - } - } - - &.atbds_btnDark { - color: #fff; - background-color: $ss-dark; - - &:hover { - color: $ss-dark; - background-color: #fff; - border-color: $ss-dark; - } - } - - &.atbds_btnGray { - color: $ss-dark; - background-color: $ss-border-light; - - &:hover { - color: $ss-dark; - background-color: #fff; - border-color: $ss-border-light; - } - } -} - -.atbds_btn { - &.atbds_btnBordered { - background-color: transparent; - border: 1px solid; - - &.atbds_btnPrimary { - color: $ss-primary; - border-color: $ss-primary; - } - } -} - -.atbds_buttonGroup { - margin: -5px; - - button { - margin: 5px; - } -} - -/* atbds Form Row */ -.atbds_form-row { - &:not(:last-child) { - margin-bottom: 30px; - } - - label, - input[type="text"], - input[type="email"], - textarea { - width: 100%; - } - - input, - textarea { - border-color: $ss-border-gray; - min-height: 46px; - border-radius: 4px; - padding: 0 20px; - - &:focus { - background-color: $ss-bg-lighter; - color: $ss-light; - border-color: $ss-border-gray; - box-shadow: 0 0; - } - } - - textarea { - padding: 12px 20px; - } - - label { - display: inline-block; - font-size: 14px; - font-weight: 500; - color: $ss-dark; - margin-bottom: 8px; - } - - textarea { - min-height: 200px; - } -} - -.atbds_customCheckbox { - input[type="checkbox"] { - display: none; - } - - label { - font-size: 15px; - color: #868eae; - display: inline-block !important; - font-size: 14px; - } - - 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: $ss-light; - - &: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 $ss-border-gray; - transition: 0.3s ease; - } - - &: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: $ss-primary; - } - } - - input[type="checkbox"] { - &:checked+label { - &:after { - background-color: $ss-success; - border: 1px solid $ss-success; - } - - &:before { - opacity: 1; - color: #fff; - } - } - } -} - -#listing_form_info { - background: none; - border: 0 none; - box-shadow: none; - - #directiost-listing-fields_wrapper { - margin-top: 15px !important; - } - - .atbd_content_module { - border: 1px solid #e3e6ef; - margin-bottom: 35px; - background-color: #ffffff; - text-align: left; - border-radius: 3px; - - .atbd_content_module_title_area { - border-bottom: 1px solid #e3e6ef; - display: flex; - justify-content: space-between; - padding: 20px 30px !important; - align-items: center; - flex-wrap: wrap; - - h4 { - margin: 0; - } - } - - .atbdb_content_module_contents { - padding: 30px; - - .form-group:last-child { - margin-bottom: 0; - } - - #hide_if_no_manual_cor { - margin-top: 15px; - } - - .hide-map-option { - margin-top: 15px; - } - - .atbdb_content_module_contents { - padding: 0 20px 20px; - } - } - } - - .directorist_loader { - position: absolute; - top: 0; - right: 0%; - } -} - -.atbd-booking-information { - .atbd_area_title { - 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; -} - -.atbd-listing-type-active-status { - display: inline-block; - color: $success; - margin-left: 10px; -} - -/* atbds SupportForm */ -.atbds_supportForm { - padding: 10px 50px 50px 50px; - color: $ss-gray; - - h1, - h2, - h3, - h4, - h5, - h6 { - font-size: 20px; - font-weight: 500; - color: $ss-dark; - margin: 20px 0 15px; - } - - p { - font-size: 15px; - margin-bottom: 35px; - } - - .atbds_customCheckbox { - margin-top: -14px; - } -} - -/* atbds remoteViewingForm */ -.atbds_remoteViewingForm { - padding: 10px 50px 50px 50px; - - p { - font-size: 15px; - line-height: 1.7333; - color: $ss-gray; - } - - .atbds_form-row { - input { - min-width: 450px; - margin-right: 10px; - } - - .btn-test { - font-weight: 700; - } - } - - .atbds_buttonGroup { - margin-top: -10px; - - .atbds_btn { - padding: 10.5px 33px; - } - } -} - -@media only screen and (max-width: 1599px) { - .atbds_warnings__single { - padding: 30px; - } -} - -@media only screen and (max-width: 1399px) { - .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_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; - } -} - -@media only screen and (max-width: 850px) { - .atbds_wrapper { - padding: 30px; - - .atbds_row { - margin: 0px; - flex-flow: column; - - .atbds_col-left { - margin-right: 0; - } - - .atbds_sidebar.pl-30 { - padding-left: 0; - } - - .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; - } -} - -#atbdp-send-system-info .system_info_success { - color: $success; -} - -#atbds_r-viewing { - #atbdp-remote-response { - padding: 20px 50px 0; - color: $success; - } - - .atbds_form-row { - .button-secondary { - padding: 8px 33px; - text-decoration: none; - border-color: #3e62f5; - color: #3e62f5; - background-color: #fff; - transition: 0.3s ease; - - &:hover { - 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"; -} - -// Listing Gallery -.atbdb_content_module_contents { - .ez-media-uploader { - text-align: center; - } -} - -.add_listing_form_wrapper { - - .upload-header, - #listing_image_btn, - #delete-custom-img { - 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; - } - - .listing-img-container { - margin: 40px 0 20px; - margin: -10px; - text-align: center; - - .single_attachment { - display: inline-block; - margin: 10px; - position: relative; - - .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; - } - } - - img { - max-width: 100px; - height: 65px !important; - } - - p { - font-size: 14px; - } - } - - .directorist-hide-if-no-js { - display: flex; - justify-content: center; - } - - #listing_image_btn { - .dashicons-format-image { - margin-right: 6px; - } - } - - #delete-custom-img { - margin-left: 5px; - background-color: $danger; - - &.hidden { - display: none; - } - } -} - -#announcment_submit .vp-input~span { - 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; - - &:after { - content: "Send"; - } -} - -/* Announcment */ -/* ----------------------------- */ -#announcement_submit { - .vp-input~span { - 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; - - &:after { - content: "Send"; - } - } - - .label { - visibility: hidden; - } -} - -.announcement-feedback { - margin-bottom: 15px; -} - -/* --------------[ Announcment End ]--------------- */ - -/* Section */ -.atbdp-section { - display: block; -} - -.atbdp-section-toggle, -.atbdp-accordion-toggle { - cursor: pointer; -} - -.atbdp-section-header { - display: block; -} - -#directorist.atbd_wrapper h3.atbdp-section-title { - margin-bottom: 25px; -} - -.atbdp-section-content { - padding: 10px; - background-color: #fff; -} - -.atbdp-state-section-content { - margin-bottom: 20px; - padding: 25px 30px; -} - -.atbdp-state-vertical { - padding: 8px 20px; -} - -.atbdp-themes-extension-license-activation-content { - padding: 0; - background-color: transparent; -} - -/* Accordion */ -.atbdp-license-accordion { - margin: 30px 0; -} - -.atbdp-accordion-content { - display: none; - padding: 10px; - background-color: #fff; -} - -/* Card */ -.atbdp-card-list { - display: flex; - margin: 0 -15px; - flex-wrap: wrap; -} - -.atbdp-card-list__item { - margin-bottom: 10px; - width: 100%; - max-width: 300px; - padding: 0 15px; -} - -.atbdp-card { - 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; -} - -.atbdp-card-body { - display: block; -} - -#directorist.atbd_wrapper .atbdp-card-title, -.atbdp-card-title { - font-size: 19px; -} - -.atbdp-card-icon { - display: block; - font-size: 60px; -} - -.atbdp-card-icon { - display: block; -} - -/* Form */ -.atbdp-centered-box { - 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; - box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); - background-color: #fff; -} - -.atbdp-license-form-container { - box-shadow: none; -} - -.atbdp-form-page { - width: 100%; -} - -.atbdp-form-response-page { - width: 100%; -} - -.atbdp-checklist-section { - margin-top: 30px; - text-align: left; -} - -.atbdp-form-header { - display: block; -} - -.atbdp-form-body { - display: block; -} - -.atbdp-form-footer { - display: block; - text-align: center; -} - -.atbdp-form-group { - display: block; - margin-bottom: 20px; -} - -.atbdp-form-group label { - 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; -} - -.atbdp-form-feedback { - margin: 10px 0; - - span { - display: inline-block; - margin-left: 10px; - } -} - -.et-auth-section-wrap { - align-items: center; - - .atbdp-input-group-wrap { - align-items: center; - - .atbdp-form-control { - min-width: 140px; - } - } -} - -.et-auth-section-wrap { - .atbdp-input-group-append { - align-items: center; - } -} - -.atbdp-form-actions { - margin: 30px 0; - text-align: center; -} - -.atbdp-icon { - display: inline-block; -} - -.atbdp-icon-large { - 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; - - a { - color: rgba($color: #fff, $alpha: 0.5); - - &:hover { - color: rgba($color: #fff, $alpha: 0.8); - } - } -} - -.atbdp-form-alert-success { - color: #fff; - background-color: #53b732; -} - -.atbdp-form-alert-danger, -.atbdp-form-alert-error { - color: #fff; - background-color: #ff4343; -} - -.atbdp-btn { - padding: 8px 20px; - border: none; - border-radius: 3px; - min-height: 40px; - cursor: pointer; -} - -.atbdp-btn-primary { - color: #fff; - background-color: #6495ed; -} - -/* Utility */ -.purchase-refresh-btn-wrapper { - overflow: hidden; -} - -.atbdp-action-group { - display: flex; -} - -.atbdp-hide { - width: 0; - overflow: hidden; -} - -.atbdp-d-none { - display: none; -} - -.atbdp-px-5 { - padding: 0 5px !important; -} - -.atbdp-mx-5 { - margin: 0 5px !important; -} - -.atbdp-mb-0 { - margin-bottom: 0 !important; -} - -.atbdp-text-center { - text-align: center; -} - -.atbdp-text-success { - color: #0fb73b; -} - -.atbdp-text-danger { - color: #c81d1d; -} - -.atbdp-text-muted { - color: gray; -} - -/* Tab Contents */ -.atbdp-tab-nav-area { - display: block; -} - -.atbdp-tab-nav-menu { - 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; -} - -.atbdp-tab-nav-menu__item.active { - bottom: -1px; -} - -.atbdp-tab-nav-menu__link { - 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; -} - -.atbdp-tab-nav-menu__link:hover { - color: #555; - background-color: #fff; -} - -.atbdp-tab-nav-menu__link:active, -.atbdp-tab-nav-menu__link:focus { - outline: none; - box-shadow: none; -} - -.atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link { - display: block; -} - -.atbdp-tab-content-area { - display: block; -} - -.atbdp-tab-content { - display: none; -} - -.atbdp-tab-content.active { - display: block; -} - -/* atbdp-counter-list */ -#directorist.atbd_wrapper ul.atbdp-counter-list { - padding: 0; - margin: 0 -20px; - box-sizing: border-box; -} - -.atbdp-counter-list__item { - 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; -} - -.atbdp-counter-list__label { - display: block; - font-weight: 500; -} - -.atbdp-counter-list__actions { - display: block; -} - -.atbdp-counter-list-vertical { - display: block; -} - -.atbdp-counter-list-vertical { - .atbdp-counter-list__item { - display: flex; - flex-wrap: wrap; - align-items: center; - - @media only screen and (max-width: 475px) { - flex-direction: column; - align-items: flex-start; - - .atbdp-counter-list__actions { - margin-left: 0 !important; - } - } - } - - .atbdp-counter-list__number { - margin-right: 10px; - } - - .atbdp-counter-list__actions { - margin-left: auto; - } -} - -//extension and theme updated styles -.et-contents__tab-item { - display: none; - - .theme-card-wrapper { - .theme-card { - width: 100%; - } - } -} - -.et-contents__tab-item.active { - display: block; -} - -.et-wrapper { - background-color: #fff; - border-radius: 4px; - - .et-wrapper-head { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - padding: 15px 30px; - border-bottom: 1px solid #f1f2f6; - - h3 { - font-size: 16px !important; - font-weight: 600; - margin: 0 !important; - } - - .et-search { - position: relative; - - input { - background-color: #f4f5f7; - height: 40px; - border-radius: 4px; - border: 0 none; - padding: 0 15px 0 40px; - min-width: 300px; - } - - span { - position: absolute; - left: 15px; - top: 50%; - transform: translateY(-50%); - font-size: 16px; - } - } - } - - .et-contents { - .ext-table-responsive { - display: block; - width: 100%; - overflow-x: auto; - overflow-y: hidden; - padding-bottom: 30px; - border-bottom: 1px solid #f1f2f6; - - table tr td { - .extension-name { - min-width: 400px; - } - - &.directorist_status-badge { - min-width: 60px; - } - - &.directorist_ext-update { - min-width: 70px; - - p { - margin-top: 0; - } - } - - &.ext-action { - min-width: 180px; - } - - &.ext-info { - min-width: 120px; - } - } - } - - .ext-available { - &:last-child { - .ext-table-responsive { - border-bottom: 0 none; - padding-bottom: 0; - } - } - } - - &__tab-nav { - display: flex; - align-items: center; - padding: 0 18px; - border-bottom: 1px solid #e3e6ef; - - li { - margin: 0 12px; - - a { - padding: 25px 0; - position: relative; - display: block; - font-size: 15px; - font-weight: 500; - color: #868eae !important; - - &:before { - position: absolute; - content: ""; - width: 100%; - height: 2px; - background: transparent; - bottom: -1px; - left: 0; - transition: 0.3s ease; - } - } - - &.active { - a { - color: #3e62f5 !important; - font-weight: 600; - - &:before { - background-color: #3e62f5; - } - } - } - } - } - - .ext-wrapper { - h4 { - font-size: 15px !important; - font-weight: 500; - padding: 0 30px; - - &.req-ext-title { - margin-bottom: 10px; - } - } - - span.ext-short-desc { - padding: 0 30px; - display: block; - margin-bottom: 20px; - } - - .ext-installed__table { - padding: 0 15px 25px; - } - - table { - width: 100%; - - thead { - background-color: #f8f9fb; - width: 100%; - border-radius: 6px; - - th { - padding: 10px 15px; - } - } - - .ei-action-wrapper { - display: flex; - flex-wrap: wrap; - align-items: center; - - .ei-select-all { - margin-right: 20px; - - .directorist-checkbox__label { - min-height: 18px; - margin-bottom: 0 !important; - } - } - - .ei-action-dropdown { - margin-right: 8px; - - select { - border: 1px solid #e3e6ef !important; - border-radius: 4px; - height: 30px !important; - min-width: 130px; - } - } - - .ei-action-btn, - button.ei-action-btn { - background-color: #c6d0dc !important; - border-radius: 4px; - color: #fff !important; - line-height: 30px; - padding: 0 15px !important; - } - - button.ei-action-btn { - padding: 6px 15px; - border: none; - border-radius: 4px !important; - cursor: pointer; - transition: 0.3s ease; - - &:active, - &:focus { - outline: none !important; - } - - &.ei-action-active { - background-color: #3e62f5 !important; - } - } - } - - .extension-name { - display: flex; - align-items: center; - padding: 12px 15px; - min-width: 300px; - - .directorist-checkbox { - .directorist-checkbox__label { - padding-left: 30px; - } - } - - input { - margin-right: 20px !important; - } - - .directorist-checkbox__label { - display: inline-flex !important; - flex-direction: row; - align-items: center; - } - - .directorist-checkbox input[type="checkbox"]+.directorist-checkbox__label:after { - top: 12px; - } - - .directorist-checkbox input[type="checkbox"]+.directorist-checkbox__label:before { - top: 16px !important; - } - - label { - margin-bottom: 0 !important; - display: inline-flex !important; - align-items: center; - - img { - display: inline-block; - margin-right: 15px; - border-radius: 6px; - } - - .ext-version { - color: #868eae; - font-size: 11px; - font-weight: 600; - display: inline-block; - margin-left: 10px; - } - } - } - - .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; - } - - .ext-update-info { - margin-bottom: 0 !important; - position: relative; - padding-left: 20px; - font-size: 13px; - - &:before { - position: absolute; - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: #2c99ff; - left: 0; - top: 50%; - transform: translateY(-50%); - } - - span { - color: #2c99ff; - display: inline-block; - margin-left: 10px; - border-bottom: 1px dashed #2c99ff; - cursor: pointer; - } - - &.ext-updated { - &:before { - background-color: #00b158; - } - } - } - - .ext-action { - display: flex; - align-items: center; - justify-content: flex-end; - flex-wrap: wrap; - margin: 0 0 0 -8px; - min-width: 170px; - - .ext-action-drop { - 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) { - margin-left: 6px; - } - - &.active { - background-color: #f4f5f7 !important; - } - } - - div { - position: relative; - - .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(#a1a8c6, 0.2); - background-color: #fff; - z-index: 1; - visibility: hidden; - opacity: 0; - pointer-events: none; - transition: 0.3s ease; - - a { - line-height: 40px; - display: block; - padding: 0 20px; - font-size: 14px; - font-weight: 500; - color: #ff272a !important; - } - } - } - - .ext-action-drop.active+.ext-action-drop__item { - visibility: visible; - opacity: 1; - pointer-events: all; - } - } - } - - .ext-installed-table { - padding: 15px 15px 0 15px; - margin-bottom: 30px; - } - - .ext-available-table { - padding: 15px; - - h4 { - margin-bottom: 20px !important; - } - } - } - } -} - -.et-header-title-area { - display: flex; - flex-wrap: wrap; - align-items: center; - - @media only screen and (max-width: 660px) { - flex-flow: column; - align-items: flex-start; - } -} - -.et-header-actions { - margin: 0 10px; - display: inline-flex; - align-items: center; - flex-wrap: wrap; - - @media only screen and (max-width: 660px) { - margin: 10px -6px -6px; - - .atbdp-action-group { - flex-direction: column; - - .purchase-refresh-btn-wrapper { - margin-bottom: 10px; - } - } - } -} - -.et-auth-section { - display: flex; - flex-wrap: nowrap; - overflow: hidden; -} - -.et-auth-section-wrap { - display: flex; - padding: 1px; - flex-grow: 1; - flex-wrap: nowrap; - overflow: hidden; -} - -.atbdp-input-group-wrap { - display: flex; -} - -.atbdp-input-group-append { - 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; - transition: 0.3s ease; - font-size: 14px !important; - font-weight: 500; - white-space: nowrap; - - &:hover { - background-color: #3e62f5 !important; - color: #fff !important; - } - - &.ext-install-btn { - background-color: #3e62f5 !important; - color: #fff !important; - } -} - -.et-tab { - display: none; -} - -.et-tab-active { - display: block; -} - -/* theme card */ -.theme-card-wrapper { - padding: 20px 30px 50px; -} - -.theme-card { - background-color: #fff; - box-shadow: 0 5px 20px rgba(#adb4d2, 0.3); - width: 400px; - max-width: 400px; - border-radius: 6px; - - figure { - padding: 25px 25px 20px; - margin-bottom: 0 !important; - - img { - width: 100%; - display: block; - border-radius: 6px; - box-shadow: 0 5px 10px rgba(#adb4d2, 0.2); - } - - figcaption { - .theme-title { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - margin: 20px 0; - - h5 { - margin-bottom: 0 !important; - } - } - - .theme-action { - margin: -8px -6px; - - .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; - - &.btn-customize { - color: #fff !important; - background-color: #3e62f5 !important; - } - } - } - } - } - - &__footer { - border-top: 1px solid $border-color; - padding: 20px 25px; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - - p { - margin-bottom: 0 !important; - } - - .theme-update { - position: relative; - padding-left: 16px; - font-size: 13px; - color: #5a5f7d !important; - - &:before { - position: absolute; - content: ""; - width: 8px; - height: 8px; - background-color: #2c99ff; - border-radius: 50%; - left: 0; - top: 50%; - transform: translateY(-50%); - } - - .whats-new { - display: inline-block; - color: #2c99ff !important; - border-bottom: 1px dashed #2c99ff; - margin-left: 10px; - cursor: pointer; - } - } - - .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; - } - } -} - -.available-themes-wrapper { - .available-themes { - padding: 12px 30px 30px 30px; - margin: -15px; - display: flex; - align-items: center; - flex-wrap: wrap; - - .available-theme-card { - figure { - margin: 0; - } - } - } - - .available-theme-card { - max-width: 400px; - background-color: #f4f5f7; - border-radius: 6px; - padding: 25px; - margin: 15px; - - img { - width: 100%; - } - } - - figure { - margin-bottom: 0 !important; - - img { - border-radius: 6px; - border-radius: 0 5px 10px rgba(#adb4d2, 0.2); - } - - h5 { - margin: 20px 0 !important; - font-size: 20px; - font-weight: 500; - color: #272b41 !important; - } - - .theme-action { - margin: -8px -6px; - - .theme-action-btn { - line-height: 40px; - display: inline-block; - padding: 0 20px; - border-radius: 20px; - color: #272b41 !important; - box-shadow: 0 5px 10px rgba(#868eae, 0.05); - background-color: #fff !important; - font-weight: 500; - font-size: 14px; - margin: 8px 6px; - - &.theme-activate-btn { - background-color: #3e62f5 !important; - color: #fff !important; - } - } - } - } -} - -#directorist.atbd_wrapper .account-connect { - padding: 30px 50px; - background-color: #fff; - border-radius: 6px; - box-shadow: 0 5px 20px rgba(#adb4d2, 0.05); - width: 670px; - margin: 0 auto 30px; - text-align: center; - - @media only screen and (max-width: 767px) { - width: 100%; - padding: 30px; - } - - h4 { - font-size: 24px !important; - font-weight: 500; - color: #272b41 !important; - margin-bottom: 20px; - } - - p { - font-size: 16px; - line-height: 1.63; - color: #5a5f7d !important; - margin-bottom: 30px; - } - - &__form { - form { - display: flex; - align-items: center; - flex-wrap: wrap; - margin: -12px -5px; - } - } - - &__form-group { - position: relative; - flex: 0 0 50%; - padding: 12px 5px; - - input { - width: 100%; - border-radius: 4px; - height: 48px; - border: 1px solid #e3e6ef; - padding: 0 15px 0 42px; - } - - span { - position: absolute; - font-size: 18px; - color: #a1a8c6; - left: 20px; - top: 50%; - transform: translateY(-50%); - } - } - - &__form-btn { - flex: 0 0 100%; - margin: 12px 5px; - - button { - 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(#3e62f5, 0.1); - font-size: 15px; - font-weight: 500; - color: #fff; - cursor: pointer; - - .atbdp-loading { - position: absolute; - right: 20px; - top: 50%; - transform: translateY(-50%); - } - } - } -} - -/* extension and themes column */ -.extension-theme-wrapper { - display: flex; - flex-wrap: wrap; - align-items: flex-start; - margin: -25px; -} - -#directorist.atbd_wrapper .et-column { - flex: 1; - padding: 25px; - - @media only screen and (max-width: 767px) { - flex: 0 0 100%; - } - - h2 { - font-size: 22px; - font-weight: 500; - color: #272b41; - margin-bottom: 25px; - } -} - -#directorist.atbd_wrapper .et-card { - background-color: #fff; - border-radius: 6px; - box-shadow: 0 5px 5px rgba(#adb4d2, 0.05); - display: flex; - align-items: center; - justify-content: center; - padding: 15px; - margin-bottom: 20px; - - @media only screen and (max-width: 1199px) { - flex-direction: column; - } - - &__image, - &__details { - padding: 10px; - - @media only screen and (max-width: 1199px) { - max-width: 100%; - } - } - - &__image { - img { - max-width: 100%; - border-radius: 6px; - max-height: 150px; - } - } - - &__details { - flex: 1; - - h3 { - margin-top: 0; - margin-bottom: 20px; - font-size: 20px; - font-weight: 500; - color: #272b41; - } - - p { - line-height: 1.63; - color: #5a5f7d; - margin-bottom: 20px; - font-size: 16px; - } - - ul { - margin: -5px; - padding: 0; - display: flex; - flex-wrap: wrap; - align-items: center; - - li { - padding: 5px; - } - } - } - - &__btn { - line-height: 40px; - font-size: 14px; - font-weight: 500; - padding: 0 20px; - border-radius: 5px; - display: block; - text-decoration: none; - - &--primary { - background-color: rgba(#3e62f5, 0.1); - color: #3e62f5; - } - - &--secondary { - background-color: rgba(#ff408c, 0.1); - color: #ff408c; - } - } -} - -/* atmodal */ -/* Modal Core Styles */ -.atm-open { - overflow: hidden; -} - -.atm-open .at-modal { - 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; -} - -.at-modal-content { - 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; -} - -.at-modal-content.at-modal-lg { - width: 800px; -} - -.at-modal-content.at-modal-xl { - width: 1140px; -} - -.at-modal-content.at-modal-sm { - width: 300px; -} - -.at-modal.atm-fade { - transition: 0.3s ease; -} - -.at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; -} - -.at-modal.atm-show .at-modal-content { - 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; - 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; -} - -#directorist.atbd_wrapper .modal-header { - padding: 20px 30px; -} - -#directorist.atbd_wrapper .modal-header .modal-title { - font-size: 25px; - font-weight: 500; - color: #151826; -} - -#directorist.atbd_wrapper .at-modal-close { - background-color: #5a5f7d; - color: #fff; - font-size: 25px; -} - -#directorist.atbd_wrapper .at-modal-close span { - position: relative; - top: -2px; -} - -#directorist.atbd_wrapper .at-modal-close:hover { - color: #fff; -} - -#directorist.atbd_wrapper .modal-body { - padding: 25px 40px 30px; -} - -#directorist.atbd_wrapper .modal-body .update-list { - margin-bottom: 25px; -} - -#directorist.atbd_wrapper .modal-body .update-list:last-child { - 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; -} - -#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--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 ul, -#directorist.atbd_wrapper .modal-body .update-list ul li { - margin: 0; -} - -#directorist.atbd_wrapper .modal-body .update-list ul li { - 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; -} - -#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; -} - -#directorist.atbd_wrapper .modal-body .update-list.update-list--new li:before { - 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--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-footer button { - 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); - } -} - -/* 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); - } -} - -/* 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); - } -} - -/* 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); - } -} - -/* Default WP Theme overwrite */ -body.wp-admin { - background-color: #F3F4F6; - font-family: "Inter", sans-serif; -} - -// All Listing Type Style - -.directorist_builder-header { - 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) { - flex-direction: column; - padding: 20px 0; - } - - .directorist_builder-header__left { - @media only screen and (max-width: 575px) { - margin-bottom: 15px; - } - } - - .directorist_logo { - max-width: 108px; - max-height: 32px; - - img { - width: 100%; - max-height: inherit; - } - } - - .directorist_builder-links { - margin: 0; - padding: 0; - display: flex; - flex-wrap: wrap; - gap: 10px 18px; - - li { - display: inline-block; - margin-bottom: 0; - } - - a { - 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; - - .svg-icon { - display: inline-flex; - align-items: center; - color: #747C89; - } - - &:hover { - color: #3E62F5; - - .svg-icon { - color: inherit; - } - } - - @media only screen and (max-width: 575px) { - padding: 6px 0; - } - - i { - font-size: 16px; - } - } - } -} - -.directorist_builder-body { - margin-top: 20px; - - .directorist_builder__title { - font-size: 19px; - line-height: 25px; - font-weight: 600; - margin: 0; - color: #000; - } -} - -// General Style -.tabContentActive, -.pstContentActive, -.pstContentActive2, -.pstContentActive3 { - display: block !important; - animation: showTab 0.6s ease; -} - -.atbd_tab_inner, -.pst_tab_inner, -.pst_tab_inner-2, -.pst_tab_inner-3 { - display: none; -} - -/* Directorist Membership Notice */ -.atbdp-settings-manager { - .directorist_membership-notice { - margin-bottom: 0; - } -} - -.directorist_membership-notice { - 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) { - flex-direction: column; - align-items: flex-start; - } - - @media only screen and (max-width: 475px) { - align-items: center; - } - - .directorist_membership-notice__content { - display: flex; - align-items: center; - - @media only screen and (max-width: 1199px) { - flex-direction: column; - align-items: flex-start; - } - - @media only screen and (max-width: 800px) { - flex-direction: row; - } - - @media only screen and (max-width: 767px) { - margin-bottom: 30px; - } - - @media only screen and (max-width: 475px) { - flex-direction: column; - align-items: center; - text-align: center; - } - - img { - max-width: 140px; - height: 140px; - border-radius: 14px; - margin-right: 30px; - - @media only screen and (max-width: 1399px) { - max-width: 130px; - height: 130px; - } - - @media only screen and (max-width: 1199px) { - margin-right: 0; - margin-bottom: 24px; - } - - @media only screen and (max-width: 800px) { - margin: 0 20px 0 0; - } - - @media only screen and (max-width: 475px) { - margin-right: 0; - margin-bottom: 24px; - margin: 0 auto 24px auto; - } - } - - .directorist_membership-notice__text { - color: #fff; - - h4 { - font-size: 24px; - font-weight: bold; - margin: 4px 0 8px; - - @media only screen and (max-width: 1499px) { - font-size: 20px; - } - - @media only screen and (max-width: 800px) { - font-size: 20px; - margin: 0 0 8px; - } - } - - p { - font-size: 16px; - font-weight: 500; - max-width: 350px; - margin-bottom: 12px; - color: #ffffff90; - } - - .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; - - &:hover { - background-color: #64d8b9; - } - - @media only screen and (max-width: 1499px) { - font-size: 18px; - } - - @media only screen and (max-width: 1399px) { - font-size: 16px; - } - - @media only screen and (max-width: 475px) { - font-size: 14px; - min-height: 35px; - } - } - } - } -} - -.directorist_membership-notice__list { - display: flex; - max-width: 450px; - flex-wrap: wrap; - - @media only screen and (max-width: 1499px) { - max-width: 410px; - } - - @media only screen and (max-width: 1399px) { - max-width: 380px; - } - - @media only screen and (max-width: 1199px) { - max-width: 250px; - } - - @media only screen and (max-width: 800px) { - display: none; - } - - li { - 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) { - font-size: 15px; - } - - @media only screen and (max-width: 1199px) { - width: 100%; - } - - .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; - - i { - position: relative; - top: 1px; - font-size: 11px; - color: #000; - - @media only screen and (max-width: 1199px) { - top: 0; - } - } - } - } -} - -.directorist_membership-notice__action { - margin-right: 25px; - - @media only screen and (max-width: 1499px) { - margin-right: 0; - } - - @media only screen and (max-width: 475px) { - width: 100%; - text-align: center; - } - - .directorist_membership-btn { - 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; - - &:hover { - background-color: #edc400; - } - - @media only screen and (max-width: 1499px) { - font-size: 15px; - padding: 0 15.45px; - } - - @media only screen and (max-width: 1399px) { - font-size: 14px; - min-width: 115px; - } - } -} - -.directorist_membership-notice-close { - 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; - - &:hover { - background-color: $danger; - - i { - color: #fff; - } - } - - i { - color: #b541d8; - } -} - -// Directorist Builder Tab Style -.directorist_builder__content { - display: flex; - gap: 30px; - flex-direction: column; - align-items: flex-start; - - .directorist_btn { - &.directorist_btn-success { - background-color: #08bf9c; - } - } - - .directorist_builder__content__left { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 10px 20px; - - .directorist_link-block-wrapper { - display: inline-flex; - align-items: center; - flex-wrap: wrap; - gap: 6px 8px; - } - - .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) { - min-width: 100%; - margin: 0; - } - - &.directorist_new-directory { - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); - } - - &.directorist_link-block-primary { - background-color: #3e62f5; - color: #ffffff; - transition: background-color 0.3s ease; - &:hover{ - background-color: #5a7aff; - border-color: #5a7aff; - } - } - - &.directorist_link-block-primary-outline { - background-color: transparent; - color: #3E62F5; - } - - .directorist_link-icon { - display: inline-flex; - align-items: center; - justify-content: center; - - i { - font-size: 16px; - font-weight: 900; - color: #fff; - } - } - - .directorist_link-text { - display: block; - font-size: 14px; - line-height: 16.24px; - font-weight: 500; - - @media only screen and (max-width: 1199px) { - font-size: 15px; - } - } - } - - .directorist_btn-migrate { - margin-top: 20px; - } - - .directorist_btn-import { - .directorist_link-icon { - border: 0 none; - } - } - } - - .directorist_builder__content__right { - width: 100%; - @media only screen and (max-width: 1199px) { - background: #e3e6ef; - border-radius: 8px; - padding: 10px 10px; - width: calc(100% - 20px); - } - - .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_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) { - overflow-x: auto; - display: inline-grid; - border-radius: 8px; - overflow-y: hidden; - padding-bottom: 83px; - } - - .directorist_table-header { - background: #F9FAFB; - border: 1px solid #E5E7EB; - border-radius: 8px; - margin-bottom: 8px; - - .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; - - >div { - flex: 1; - padding: 0 20px; - } - .directorist_listing-c-action { - display: inline-flex; - justify-content: flex-end; - opacity: 0; - visibility: hidden; - } - } - } - - .directorist_table-body { - display: flex; - flex-direction: column; - gap: 8px; - - .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; - - &:hover { - border-color: #3E62F5; - - .directorist-type-actions .directorist_listing-actions { - >a { - background-color: #3E62F5; - color: white; - - svg { - color: inherit; - } - } - - .directorist_more-dropdown .directorist_more-dropdown-toggle svg { - color: #747C89; - } - } - } - - >div { - flex: 1; - padding: 10px 20px; - } - } - - .directorist_title { - color: #2C3239; - font-size: 15px; - font-weight: 500; - line-height: 16px; - - a { - color: inherit; - outline: none; - box-shadow: none; - display: inline-flex; - align-items: center; - gap: 8px; - - &:hover { - color: #3E62F5; - } - } - - .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_listing-id { - color: #747C89; - font-size: 12px; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - margin-top: 8px; - } - } - - .directorist-type-count { - color: #2E94FA; - } - - .directorist-type-actions { - display: inline-flex; - align-items: center; - flex-wrap: wrap; - gap: 10px; - justify-content: flex-end; - .directorist_listing-actions { - display: inline-flex; - align-items: center; - gap: 12px; - - >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; - - svg { - width: 14px; - height: 14px; - color: #747C89; - } - } - - .directorist_more-dropdown { - .directorist_more-dropdown-toggle { - width: 32px; - height: 32px; - border-radius: 8px !important; - transition: 0.3s ease; - - svg { - color: #D2D6DB; - transition: 0.3s ease; - } - } - - - .directorist_more-dropdown-toggle { - &:hover, - &.active { - background-color: #E5E7EB !important; - - svg { - color: #2C3239 !important; - } - } - } - - .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; - - ul { - margin: 0; - display: flex; - flex-direction: column; - padding: 9px 12px; - - >li:first-child, - >li>a { - &:hover { - background-color: rgba(62, 98, 245, 0.05) !important; - } - } - - li { - margin-bottom: 0 !important; - width: 100%; - overflow: hidden; - border-radius: 4px; - transition: 0.3s ease; - - >a, - >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){ - height: 32px; - } - - &.atbdp-directory-delete-link-action { - color: #D94A4A !important; - - svg { - color: inherit; - width: 18px; - height: 18px; - } - } - } - - .directorist_custom-checkbox input[type=checkbox] { - +label { - padding-left: 29px; - - &:after { - border-radius: 5px; - border-color: #D1D1D7; - box-sizing: border-box; - margin-top: 2px; - } - - &:before { - font-size: 8px; - left: 5px; - top: 7px; - } - } - - &:checked+label:after { - border-color: #3E62F5; - background-color: #3E62F5; - } - } - } - } - } - } - } - .atbd-listing-type-active-status{ - margin-left: 0; - transition: 0.3s ease; - } - } - } - } - } -} - -/* Custom Tooltip */ -.directorist-row-tooltip{ - &[data-tooltip] { - position: relative; - cursor: pointer; - &.directorist-type-slug-content { - display: inline-flex; - &:after { - text-transform: none; - } - &[data-flow="bottom"]::before { - transform: translate(-50%, 0); - } - &[data-flow="bottom"]::after { - left: -50px; - transform: unset; - } - } - - &:before, - &:after { - line-height: normal; - font-size: 13px; - pointer-events: none; - position: absolute; - box-sizing: border-box; - display: none; - opacity: 0; - } - - &:before { - content: ""; - border: 5px solid transparent; - z-index: 100; - } - - &: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; - align-items: center; - line-height: normal; - } - - &:hover:before, - &:hover:after { - display: flex; - opacity: 1; - } - - &:not([data-flow])::before, - &[data-flow="top"]::before { - bottom: 100%; - border-bottom-width: 0; - border-top-color: #141921; - } - - &:not([data-flow])::after, - &[data-flow="top"]::after { - bottom: calc(100% + 5px); - } - - &:not([data-flow])::before, - &:not([data-flow])::after, - &[data-flow="top"]::before, - &[data-flow="top"]::after { - left: 50%; - transform: translate(-50%, -4px); - } - - &[data-flow="bottom"]::before { - top: 100%; - border-top-width: 0; - border-bottom-color: #141921; - } - - &[data-flow="bottom"]::after { - top: calc(100% + 5px); - } - - &[data-flow="bottom"]::before, - &[data-flow="bottom"]::after { - left: 50%; - transform: translate(-50%, 6px); - } - - &[data-flow="left"]::before { - top: 50%; - border-right-width: 0; - border-left-color: #141921; - left: calc(0em - 5px); - transform: translate(-6px, -50%); - } - - &[data-flow="left"]::after { - top: 50%; - right: calc(100% + 5px); - transform: translate(-6px, -50%); - } - - &[data-flow="right"]::before { - top: 50%; - border-left-width: 0; - border-right-color: #141921; - right: calc(0em - 5px); - transform: translate(6px, -50%); - } - - &[data-flow="right"]::after { - top: 50%; - left: calc(100% + 5px); - transform: translate(6px, -50%); - } - - &[data-tooltip=""]::after, - &[data-tooltip=""]::before { - display: none !important; - } - } - -} - -// Slug Text Edit -.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; - transition: 0.3s ease; - &:hover, - &--editable { - display: inline-flex; - padding: 8px; - align-items: center; - gap: 8px; - border-radius: 6px; - background: #F3F4F6; - - &: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) { - min-width: 110px; - } - - @media only screen and (max-width: 1299px) { - min-width: 90px; - } -} - -.directorist-type-slug { - - .directorist-slug-notice, - .directorist-count-notice { - margin: 6px 0 0; - text-transform: math-auto; - - &.directorist-slug-notice-error { - color: $danger; - } - - &.directorist-slug-notice-success { - color: $success; - } - } -} - -.directorist-type-slug-content { - display: flex; - align-items: center; -} - -.directorist-listing-slug-edit-wrap { - display: inline-block; - position: relative; - margin: -3px; - min-width: 75px; - - @media only screen and (max-width: 1299px) { - position: initial; - } - - .directorist-listing-slug__edit, - .directorist_listing-slug-formText-add { - display: inline-flex; - align-items: center; - justify-content: center; - width: 30px; - height: 30px; - border-radius: 50%; - background-color: #fff; - box-shadow: 0 5px 10px #adb4d260; - margin: 2px; - transition: 0.3s ease; - - &:before { - content: "\f044"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; - font-size: 15px; - color: $info; - } - - @media only screen and (max-width: 1399px) { - width: 26px; - height: 26px; - margin-left: 6px; - - &:before { - font-size: 13px; - } - } - - @media only screen and (max-width: 1299px) { - width: 22px; - height: 22px; - margin-left: 6px; - - &:before { - font-size: 13px; - } - } - } - - .directorist_listing-slug-formText-add { - background-color: #08bf9c; - box-shadow: none; - display: none; - - &:before { - content: "\f00c"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - color: #fff; - } - - &.active { - display: inline-flex; - } - - &.disabled { - opacity: 0.5; - pointer-events: none; - } - } - - .directorist_listing-slug-formText-remove { - 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; - - &:before { - content: "\f00d"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - font-size: 15px; - color: #fff; - } - - &--hidden { - opacity: 0; - visibility: hidden; - pointer-events: none; - } - - @media only screen and (max-width: 1399px) { - width: 26px; - height: 26px; - - &:before { - font-size: 13px; - } - } - - @media only screen and (max-width: 1299px) { - width: 22px; - height: 22px; - - &:before { - font-size: 13px; - } - } - } - - .directorist_loader { - position: absolute; - right: -40px; - top: 5px; - } -} - -// Directorist Custom Checkbox -.directorist_custom-checkbox { - input { - display: none; - } - - 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; - - &: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; - } - - &:after { - position: absolute; - left: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 50%; - content: ""; - background-color: #fff; - border: 2px solid #c6d0dc; - } - } - - input[type="checkbox"]:checked+label { - &:after { - background-color: #00b158; - border-color: #00b158; - } - - &: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; - - &.directorist_badge-primary { - color: #fff; - background-color: #3e62f5; - } - } -} - -.directorist_table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; -} - -.cptm-delete-directory-modal { - .cptm-modal-header { - padding-left: 20px; - } - - .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; - - &.cptm-btn-secondary { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; - - &:hover { - color: #fff; - background-color: #3e62f5; - } - } - - &.cptm-btn-danger { - color: #ff272a; - border-color: #ff272a; - background-color: transparent; - - &:hover { - color: #fff; - background-color: #ff272a; - } - } - } -} - -// Directorist Dropdown Style -.directorist_dropdown { - border: 1px solid #D2D6DB; - border-radius: 8px; - position: relative; - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - &.--open { - border-color: #4D5761; - .directorist_dropdown-toggle:before { - content: '\eb56'; - } - } - .directorist_dropdown-toggle { - text-decoration: none; - color: #7a82a6; - display: flex; - align-items: center; - justify-content: space-between; - padding: 10px 15px; - width: auto !important; - height: 100%; - position: relative; - - &:before { - content: "\f347"; - font: normal 12px/1 dashicons; - } - - .directorist_dropdown-toggle__text { - order: -1; - } - } - - .directorist_dropdown-option { - 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.18823529411764706); - border-radius: 5px; - z-index: 99999; - box-sizing: border-box; - - ul { - li { - a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 10px; - border-radius: 4px; - color: #5a5f7d; - } - } - } - } -} - -.directorist_select .select2-container .select2-selection--single { - padding: 0 20px; - height: 38px; - border: 1px solid #c6d0dc; -} - -// Loader -.directorist_loader { - position: relative; - - &: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; - } -} - -// Directorist Disable -.directorist_disable { - pointer-events: none; -} - -#publishing-action { - &.directorist_disable { - input#publish { - cursor: not-allowed; - opacity: 0.3; - } - } -} - -// Directorist More Dropdown -.directorist_more-dropdown { - position: relative; - - .directorist_more-dropdown-toggle { - 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; - - &:focus { - outline: none; - box-shadow: 0 0; - } - - i, - svg { - margin-right: 0 !important; - } - } - - .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 #8f8e9f20; - box-shadow: 0 5px 15px #8f8e9f20; - border-radius: 6px; - - &.active { - opacity: 1; - visibility: visible; - z-index: 22; - } - - ul { - margin: 12px 0; - - li { - &:not(:last-child) { - margin-bottom: 8px; - } - - a { - 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; - - &:focus { - outline: none; - box-shadow: 0 0; - } - - i { - font-size: 16px; - margin-right: 15px !important; - color: #c6d0dc; - } - } - } - } - } - - &.default { - .directorist_more-dropdown-toggle { - opacity: 0.5; - pointer-events: none; - } - } -} - -// keyframes -@-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - - 100% { - -webkit-transform: rotate(360deg); - } -} - -@keyframes atbd_spin { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } -} - -// Checkbox Style Adjustment -.directorist-checkbox { - input[type="checkbox"] { - &+.directorist-checkbox__label { - &:before { - left: 5px !important; - top: 5px !important; - } - } - } -} - -.directorist-form-group { - &.directorist-faq-group { - margin-bottom: 30px; - } -} - -//category, location directory type style -.directory_types-wrapper { - display: flex; - align-items: center; - flex-wrap: wrap; - margin: -8px; - - .directory_type-group { - display: flex; - align-items: center; - flex-wrap: wrap; - padding: 8px; - - label { - padding: 0 0 0 2px; - } - - input { - position: relative; - top: 2px; - } - } -} - -.csv-action-btns { - 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; - transition: all ease-in-out 300ms; - - &:hover { - border-color: #264ef4; - background: #264ef4; - color: #fff; - } -} - -div#gmap { - height: 400px; -} - -.cor-wrap, -.lat_btn_wrap { - margin-top: 15px; -} - -img.atbdp-file-info { - max-width: 200px; -} - -/* admin notice */ -.directorist__notice_new { - font-size: 13px; - font-weight: 500; - margin-bottom: 2px !important; - - span { - display: block; - font-weight: 600; - font-size: 14px; - } - - a { - color: #3e62f5; - font-weight: 700; - } - - &+p { - margin-top: 0px !important; - } -} - -.directorist__notice_new_action { - a { - color: #3e62f5; - font-weight: 700; - color: red; - } - - .directorist__notice_new__btn { - 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; - - &:hover { - color: #fff; - } - } -} - -.add_listing_form_wrapper { - &#gallery_upload { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; - - .listing-prv-img-container { - text-align: center; - } - } -} - -// Select2 - -.directorist_select .select2.select2-container { - .select2-selection--single { - border: 1px solid #8c8f94; - min-height: 40px; - - .select2-selection__rendered { - height: auto; - line-height: 38px; - padding: 0 15px; - } - } - - .select2-results__option { - - i, - span.las, - span.lab, - span.la, - span.fas, - span.fab, - span.far, - span.fa { - font-size: 16px; - } - } -} - -#style_settings__color_settings .cptm-field-wraper-type-wp-media-picker { - input[type="button"].cptm-btn { - display: none; - } -} - -// Create Directory Type Modal -.cptm-create-directory-modal { - .cptm-modal { - width: 100%; - max-width: 680px; - padding: 40px 36px; - border-radius: 8px; - box-sizing: border-box; - } - - .cptm-create-directory-modal__header { - padding: 0; - margin: 0; - border: none; - - .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; - svg path { - transition: fill ease 0.3s; - } - &:hover { - svg path { - fill: #9746FF; - } - } - } - } - - .cptm-create-directory-modal__body { - padding-top: 36px; - .directorist_template_notice { - margin-top: 10px; - color: #f80718; - &.cptm-section-alert-success { - color: #28A800; - } - } - } - - .cptm-create-directory-modal__title { - font-size: 20px; - line-height: 28px; - font-weight: 600; - color: #141921; - text-align: center; - } - - .cptm-create-directory-modal__desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #4D5761; - text-align: center; - margin: 0; - } - - .cptm-create-directory-modal__action { - display: flex; - gap: 16px; - - .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; - - &:hover, - &:focus { - background-color: #F0F3FF; - border-color: #3E62F5; - } - &.disabled { - opacity: 0.5; - pointer-events: none; - } - - .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; - &.create-template { - background-color: #FF5C16; - } - &.create-scratch { - background-color: #0B99FF; - } - &.create-ai { - background-color: #9746FF; - } - - } - - .modal-btn-text { - font-size: 14px; - line-height: 19px; - font-weight: 600; - color: #4D5761; - } - .modal-btn-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #3E62F5; - } - .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; - &.modal-badge--new { - color: #3E62F5; - background-color: #C0CCFC; - } - } - } - } -} - -// Base Style -@import "../../base/general"; -@import "../../base/utility"; - -// Components -// ---------------------------------- -// Global Styles -@import "../../component/add-listing"; -@import "../../component/directorist-plupload"; -@import "../../component/openstreet-map/index.scss"; - -// Admin Style -@import "../../component/drag_drop"; -@import "../../component/form"; -@import "../../component/layout"; -@import "../../component/tab"; -@import "../../component/typography"; -@import "../../component/utility"; -@import "../../component/button"; -@import "../../component/modal"; -@import "../../component/alert"; -@import "../../component/badge"; -@import "../../component/checkbox-radio"; -@import "../../component/switch"; -@import "../../component/select2-custom-control"; - -@import "./multi-directory-archive.scss"; -@import "./multi-directory-builder.scss"; -@import "./settings-manager.scss"; -@import "./plugins.scss"; -@import "./setup-wizard.scss"; -@import "./create-directory.scss"; \ No newline at end of file diff --git a/assets/src/scss/layout/admin/builder/_builder_style.scss b/assets/src/scss/layout/admin/builder/_builder_style.scss deleted file mode 100644 index 484aa01d16..0000000000 --- a/assets/src/scss/layout/admin/builder/_builder_style.scss +++ /dev/null @@ -1,4479 +0,0 @@ -@import "./../../../base/utility"; -@import "./droppable-list"; -@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"); - -$dark: #23282d; -$dark-2: #7b7d8b; -$dark-3: #272b41; -$primary: #3e62f5; -$success: #08bf9c; -$info: #2c99ff; -$warning: #fa8b0c; -$pink: #ff408c; -$nav_link_color: #7a8289; -$nav_link_hover_color: $dark; -$nav_icon_color: $primary; -$gray: #eff0f3; -$light-gray: #f4f5f7; - -/* Create Directory Type */ -.directorist-directory-type-top { - 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; - - &:before { - content: ""; - position: absolute; - top: -10px; - left: 0; - height: 10px; - width: 100%; - background-color: #f3f4f6; - } - - @media only screen and (max-width: 960px) { - width: calc(100% - 76px); - } - - @media only screen and (max-width: 782px) { - width: calc(100% - 40px); - top: 46px; - right: 0; - } - - @media only screen and (max-width: 600px) { - position: unset; - width: auto; - - &:before { - display: none; - } - } - - @media only screen and (max-width: 479px) { - justify-content: center; - flex-direction: column; - padding: 10px 20px; - } - - &-left { - display: flex; - align-items: center; - gap: 10px 20px; - flex-wrap: wrap; - - @media only screen and (max-width: 767px) { - justify-content: center; - } - - .cptm-form-group { - margin-bottom: 0; - display: flex; - align-items: center; - gap: 10px; - - .cptm-form-group-feedback { - white-space: nowrap; - } - - .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; - - &::placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - } - } - - .cptm-form-group-feedback .cptm-form-alert { - padding: 0; - } - } - - .directorist-back-directory { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: normal; - display: flex; - align-items: center; - gap: 8px; - - svg { - width: 14px; - height: 14px; - color: inherit; - } - - &:hover { - color: #3e62f5; - } - } - } - - &-right { - .directorist-create-directory { - 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; - - &:hover { - background-color: #5a7aff; - border-color: #5a7aff; - } - } - - .cptm-btn { - margin: 0; - } - } -} - -.directorist-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; - - .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; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; - - @media only screen and (max-width: 960px) { - width: calc(100% - 138px); - justify-content: flex-start; - } - - @media only screen and (max-width: 782px) { - width: calc(100% - 82px); - top: 107px; - right: 12px; - } - - @media only screen and (max-width: 600px) { - position: unset; - width: auto; - flex-wrap: wrap; - } - - @media only screen and (max-width: 480px) { - padding: 10px 30px; - } - } - - .atbdp-cptm-body { - position: relative; - margin-top: 60px; - - @media only screen and (max-width: 600px) { - margin-top: 0; - } - - @media screen and (max-width: 480px) { - padding: 20px 30px; - } - } - - @media only screen and (max-width: 600px) { - margin-top: 0; - } -} - -// WP Sidebar Folded CSS -.wp-admin.folded { - .directorist-directory-type-top { - width: calc(100% - 118px); - } - - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - } -} - -.directorist-draggable-form-list-wrap { - margin-right: 50px; -} - -/* Body Header */ -.directorist-form-doc { - 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) { - justify-content: center; - flex-direction: column; - padding: 10px 20px; - } - - .directorist-form-doc-left { - display: flex; - align-items: center; - gap: 8px; - flex-wrap: wrap; - - @media only screen and (max-width: 575px) { - justify-content: center; - } - - .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; - } - } - - &__watch-tutorial { - 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; - - svg { - width: 14px; - height: 14px; - color: inherit; - } - } - - &__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; - } - - &__preview { - 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; - - svg { - width: 16px; - height: 16px; - color: inherit; - } - - &:focus { - outline: none; - box-shadow: none; - } - } -} - -.directorist-footer-wrap { - .cptm-btn { - 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; - - &:before { - 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; - } - - &:after { - 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; - } - - .cptm-save-icon { - font-size: 16px; - } - - &:hover { - border-color: #141921; - background-color: #141921; - - &:hover { - - &:before, - &:after { - opacity: 1; - visibility: visible; - } - } - } - } - - .cptm-form-group { - margin: 0; - } -} - -.cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: flex; - - i { - font-size: 30px; - opacity: 0.2; - margin-right: 15px; - } - - .cptm-form-note-title { - margin-top: 0; - color: #157cf6; - } - - .cptm-form-note-content { - margin: 5px 0; - - a { - color: #157cf6; - } - } -} - -#atbdp_cpt_options_metabox { - .inside { - margin: 0; - padding: 0; - } - - .postbox-header { - display: none; - } -} - -.atbdp-cpt-manager { - position: relative; - display: block; - color: $dark; - - &.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); - - .directorist-directory-type-top, - .directorist-directory-type-bottom .cptm-header-navigation { - z-index: 1; - } - - .submission_form_fields { - z-index: 11; - } - } -} - -.atbdp-cptm-header { - display: block; - - .cptm-form-group { - .cptm-form-control { - height: 50px; - font-size: 20px; - } - } -} - -.atbdp-cptm-body { - 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; - } -} - -.atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 50px 0 30px; - border-top: 1px solid #e5e7eb; - - .atbdp-cptm-footer-preview { - display: flex; - gap: 8px; - flex-direction: column; - margin: 0 0 20px; - - .atbdp-cptm-footer-preview-label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #4d5761; - cursor: pointer; - - &: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; - } - - &: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-preview-toggle { - display: none; - - &:checked { - ~label { - &:before { - background-color: #3e62f5; - border-color: #3e62f5; - } - - &:after { - right: 3px; - } - } - } - } - - .atbdp-cptm-footer-preview-desc { - font-size: 12px; - font-weight: 400; - color: #747c89; - } - } -} - -.atbdp-cptm-footer-actions { - display: flex; - justify-content: center; - align-content: center; - flex-wrap: wrap; - - .cptm-btn { - 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; - } - - .cptm-save-text { - display: flex; - gap: 8px; - justify-content: center; - align-items: center; - } -} - -.cptm-title-bar { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; -} - -.cptm-card-preview-widget { - .cptm-title-bar { - margin: 0; - } -} - -.cptm-title-bar-headings { - flex-grow: 1; - padding: 10px; -} - -.cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; -} - -.cptm-label-btn { - 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; - transition: all ease-in-out 300ms; - vertical-align: top; - - &:disabled { - cursor: not-allowed; - opacity: 0.5; - } -} - -.cptm-btn { - @extend .reset-pseudo-link; - - &.cptm-label-btn { - display: inline-block; - vertical-align: top; - } - - &.cptm-btn-rounded { - border-radius: 30px; - } - - &.cptm-btn-primary { - color: #fff; - border-color: $primary; - background-color: $primary; - - &:hover { - background-color: #345af4; - } - } - - &.cptm-btn-secondery { - color: $primary; - border-color: $primary; - background-color: transparent; - display: inline-flex; - align-items: center; - gap: 6px; - font-weight: 500; - font-size: 15px !important; - - &:hover { - color: #fff; - background-color: $primary; - } - } -} - -.cptm-file-input-wrap { - display: flex; - flex-wrap: wrap; - - .cptm-btn { - flex-grow: 1; - } -} - -.cptm-btn-box { - 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; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; - - &.drag-enter { - background-color: #c6c6c6; - } -} - -.cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; -} - -.atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - left: calc(50% + 150px); - transform: translateX(-50%); - min-width: 300px; - z-index: 9999; - - @media screen and (max-width: 960px) { - left: calc(50% + 100px); - } - - @media screen and (max-width: 782px) { - 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; - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - - &:before { - 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; - - &:before { - content: "\f058"; - color: #14b570; - } -} - -.cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; - - &:before { - content: "\f057"; - color: #c51616; - } -} - -// ==================== -// Dropable Element -// ==================== -.cptm-dropable-element { - position: relative; -} - -.cptm-dropable-base-element { - 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; -} - -.cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); - - &.active { - padding: 10px 15px; - margin: 0; - height: 30px; - // transition: none; - } -} - -.cptm-dropable-inside { - padding: 10px; -} - -.cptm-dropable-area-inside { - display: block; - height: 100%; -} - -.cptm-dropable-area-right { - display: block; -} - -.cptm-dropable-area-left { - display: block; -} - -.cptm-dropable-area-right, -.cptm-dropable-area-left { - display: block; - float: left; - width: 50%; - height: 100%; -} - -.cptm-dropable-area-top { - display: block; -} - -.cptm-dropable-area-bottom { - display: block; -} - -.cptm-dropable-area-top, -.cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; -} - -// ==================== -// Header Navigation -// ==================== -.cptm-header-navigation { - margin: 0; - padding: 0; - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - - @media screen and (max-width: 480px) { - flex-direction: column; - } -} - -.cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - min-width: fit-content; - - @media (max-width: 480px) { - width: 100%; - } -} - -.cptm-header-nav__list-item-link { - @extend .reset-pseudo-link; - 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; - - &.active { - border-bottom-color: $primary; - - .cptm-header-nav__icon { - color: #fff; - background-color: $primary; - } - - .cptm-header-nav__label { - color: $primary; - } - } -} - -.cptm-header-nav__icon { - 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; - - svg { - width: 16px; - height: 16px; - } -} - -.cptm-header-nav__label { - display: block; - color: inherit; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; -} - -// ==================== -// Sub Tabs -// ==================== -.cptm-title-area { - margin-bottom: 20px; -} - -.submission-form { - .cptm-title-area { - width: 100%; - } -} - -.tab-general { - .cptm-title-area { - margin-left: 0; - } -} - -.cptm-link-light { - color: #fff; - @extend .reset-pseudo-link; - - &:hover, - &:focus, - &:active { - color: #fff; - } -} - -.cptm-color-white { - color: #fff; -} - -.cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; -} - -.cptm-mb-60 { - margin-bottom: 60px; -} - -.cptm-mr-5 { - margin-right: 5px; -} - -.cptm-title { - 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; -} - -.atbdp-cptm-tab-contents { - display: block; - background-color: #fff; -} - -.atbdp-cptm-tab-item { - display: none; - - &.active { - display: block; - } -} - -.cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; - - @media only screen and (max-width: 600px) { - margin-top: 0; - } - - .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-right: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; - - .cptm-sub-nav__item { - margin: 0; - } - - .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; - - &.active, - &:hover { - background-color: #3e62f5; - } - } - - @media screen and (max-width: 480px) { - margin: 0; - } - } - - .directorist-form-doc__watch-tutorial { - position: absolute; - right: 30px; - top: 50%; - transform: translateY(-50%); - } - - @media only screen and (max-width: 782px) { - .cptm-sub-navigation { - padding-right: 0; - padding-top: 70px; - } - - .directorist-form-doc__watch-tutorial { - top: 20px; - right: 50%; - transform: translateX(50%); - } - } - - @media only screen and (max-width: 480px) { - .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - - .directorist-form-doc__watch-tutorial { - top: 0; - } - } -} - -.cptm-tab-content-body { - display: block; -} - -.cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - box-sizing: border-box; - - @media only screen and (max-width: 991px) { - padding: 20px 25px; - } - - @media (max-width: 480px) { - max-width: 100%; - padding: 15px 0; - } - - &.tab-wide { - max-width: 1080px; - } - - &.tab-short-wide { - max-width: 550px; - } - - &.tab-full-width { - max-width: 1345px; - } -} - -.cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; -} - -.cptm-tab-sub-content-item { - margin: 0 auto; - display: none; - - &.active { - display: block; - } -} - -.cptm-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.cptm-col-5 { - flex-grow: 1; - width: calc(42.66% - 30px); - padding: 0 15px; - - @media (max-width: 767px) { - width: calc(100% - 30px); - margin-bottom: 30px; - } -} - -.cptm-col-6 { - flex-grow: 1; - width: calc(50% - 30px); - padding: 0 15px; - - @media (max-width: 767px) { - width: calc(100% - 30px); - margin-bottom: 30px; - } -} - -.cptm-col-7 { - flex-grow: 1; - width: calc(57.33% - 30px); - padding: 0 15px; - - @media (max-width: 767px) { - width: calc(100% - 30px); - margin-bottom: 30px; - } -} - -.cptm-section { - position: relative; - margin-bottom: 50px; - z-index: 10; - - &.submission_form_fields { - .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - box-sizing: border-box; - } - } - - &.preview_mode { - 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; - - &:before { - content: ""; - position: absolute; - top: 0; - left: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; - } - - .cptm-title-area { - display: none; - } - - @media screen and (max-width: 1499px) { - width: calc(50% + 40px); - } - - @media screen and (max-width: 1399px) { - width: calc(50% + 20px); - } - - @media screen and (max-width: 1099px) { - width: calc(50% + 10px); - } - - @media screen and (max-width: 991px) { - right: 27px; - } - - @media screen and (max-width: 767px) { - width: calc(100% - 52px); - right: 26px; - bottom: 101px; - } - - @media screen and (max-width: 480px) { - right: 1px; - bottom: 96px; - width: calc(100% - 2px); - } - } - - &.new_listing_status { - z-index: 11; - } - - &:last-child { - margin-bottom: 0; - } -} - -.cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; -} - -.cptm-form-builder-preset-fields-header-action-link { - display: flex; - gap: 15px; - margin: 0 0 16px; - - .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; - } - - &:focus { - outline: none; - box-shadow: none; - } -} - -.cptm-form-builder-preset-fields-header-action-text { - flex: 1; - font-size: 14px; - font-weight: 500; - color: #141921; -} - -.cptm-form-builder-preset-fields-header-action-link { - color: #747c89; -} - -.cptm-title-3 { - margin: 0; - color: $dark-3; - flex-grow: 1; - font-weight: 500; - font-size: 18px; -} - -.cptm-description-text { - margin: 5px 0 20px; - color: #5a5f7d; - font-size: 15px; -} - -.cptm-form-builder-active-fields { - display: block; - height: 100%; - - .directorist-draggable-list-item-wrapper { - height: auto; - } - - .cptm-description-text { - &+.cptm-btn { - border: 1px solid $primary; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: $primary; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; - - &.cptm-btn-primary { - background: $primary; - 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; - - @media only screen and (max-width: 991px) { - padding: 20px; - } -} - -.cptm-form-builder-active-fields-footer { - text-align: left; - - @media only screen and (max-width: 991px) { - text-align: left; - } - - .cptm-btn { - @media only screen and (max-width: 991px) { - margin-left: 0; - } - } - - .cptm-btn { - 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); - - span { - font-size: 16px; - } - } -} - -.cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; -} - -.cptm-form-builder-group-header-section { - margin-bottom: 8px; -} - -.cptm-form-builder-group-header { - display: flex; - align-items: flex-start; -} - -.cptm-form-builder-group-title-area { - display: flex; - flex-grow: 1; - padding: 15px 20px; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - box-shadow: 0px 1px 5px rgba(#a1a8c6, 0.1); - transition: all ease 0.3s; - - &.expanded, - &:focus, - &:hover { - background-color: #141921; - } -} - -.expanded { - .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; - } -} - -div[draggable="true"].cptm-form-builder-group-title-area { - cursor: move; -} - -.cptm-form-builder-group-title-area__dropable-wrapper { - flex-grow: 1; -} - -.cptm-no-wrap { - flex-wrap: nowrap; -} - -.cptm-card-top-area { - max-width: 450px; - margin: 0 auto; - margin-bottom: 10px; - - &>.form-group { - .cptm-form-control { - background: none; - border: 1px solid #c6d0dc; - height: 42px; - } - - .cptm-template-type-wrapper { - position: relative; - - &:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - right: 20px; - top: 50%; - transform: translateY(-50%); - pointer-events: none; - } - } - } -} - -.cptm-card-placeholder-row { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; -} - -.cptm-card-placeholder-col { - flex-grow: 1; - padding: 0 10px; -} - -.cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; -} - -.cptm-form-builder-group-title-actions { - .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; - } -} - -.cptm-form-builder-group-actions-dropdown { - 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; -} - -.cptm-form-builder-group-actions-dropdown-btn { - display: flex; - align-items: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - transition: background ease 0.3s; - - &:hover, - &:focus { - background-color: #d2d6db; - } - - &:focus { - border: none; - outline: none; - box-shadow: none; - } - - span { - 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-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; - - span { - font-size: 20px; - } - - &:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; - } - } - } -} - -.cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-left: 15px; -} - -.cptm-form-builder-group-title { - 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; - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - - .directorist-form-fields-advanced { - 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; - - &:hover { - color: #3e62f5; - } - } - - .directorist-form-fields-area { - .cptm-form-group { - &:last-child { - margin-bottom: 0; - } - } - } - - .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; -} - -.icon-picker-selector { - 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 { - display: flex; - align-items: center; - margin: 0; - - input[type="text"].cptm-form-control { - padding: 5px 20px; - min-height: 20px; - background-color: transparent; - outline: none; - } - - .directorist-selected-icon { - position: unset; - transform: unset; - font-size: 16px; - - &:before { - margin-right: 6px; - } - } - - input { - height: 32px; - border: none !important; - padding-left: 0 !important; - } - - .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 10px 0 0; - } - } - - .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; - transition: all ease 0.3s; - - &:hover { - background-color: #e3e6e9; - } - } -} - -.cptm-restricted-area { - 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; - - .directorist-draggable-list-item { - position: absolute; - left: 0; - } - - &.expanded { - .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; - - .cptm-form-builder-header-action-link { - color: #747c89; - } - } - - .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; - } - } -} - -.cptm-form-builder-group-field-item-drag { - span { - color: #a1a9b2; - } -} - -.cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - transform: translate(34px, 7px); -} - -.cptm-form-builder-group-field-item-action-link { - 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); -} - -.action-trash:hover { - background-color: #d7d7d7; - - &:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); - } -} - -.cptm-form-builder-group-field-item-header-actions { - margin-left: 10px; - - .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; - transition: all ease-in-out 300ms; - @extend .reset-pseudo-link; - opacity: 0.5; - - &:hover { - opacity: 1; - } -} - -.action-collapse-up span, -.action-collapse-up span::before { - transition: all ease-in-out 300ms; - transform: rotate(0); -} - -.action-collapse-down span, -.action-collapse-down span::before { - transition: all ease-in-out 300ms; - transform: rotate(180deg); -} - -.cptm-form-builder-group-field-item-header { - 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: 8; - - .cptm-title-3 { - display: flex; - gap: 8px; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; - - .cptm-title-icon { - font-size: 16px; - color: #747c89; - } - } -} - -.directorist-draggable-list-item { - 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; - - .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; - - .cptm-form-group { - margin-bottom: 0; - } - } - - .directorist-type-icon-select+.cptm-form-group { - margin-top: 20px; - } -} - -.cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: flex; - gap: 6px; - flex-wrap: wrap; - - .directorist-draggable-list-item { - position: unset; - } -} - -.cptm-form-builder-field-list-item { - 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; - - .directorist-draggable-list-item-slot { - display: flex; - } - - &:hover { - background-color: #e5e7eb; - box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); - } - - &.clickable { - cursor: pointer; - } - - &.disabled { - cursor: not-allowed; - } - - @media (max-width: 400px) { - width: calc(100% - 6px); - } -} - -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; -} - -.cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; -} - -.cptm-info-text-area { - margin-bottom: 10px; -} - -.cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; -} - -.cptm-info-success { - color: #00b158; -} - -.cptm-mb-0 { - margin-bottom: 0 !important; -} - -.cptm-item-footer-drop-area { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 20px; - transition: all ease-in-out 300ms; - transform: translate(0, 100%); - z-index: 5; - - &.drag-enter { - background-color: rgba(23, 135, 255, 0.3); - } - - &.cptm-group-item-drop-area { - height: 40px; - } -} - -.cptm-form-builder-group-field-item-drop-area { - height: 20px; - position: absolute; - bottom: -20px; - z-index: 5; - width: 100%; - transition: all ease-in-out 300ms; - - &.drag-enter { - background-color: rgba(23, 135, 255, 0.3); - } -} - -.cptm-checkbox-area, -.cptm-options-area { - display: flex; - flex-direction: column; - margin: 10px 0; - right: 0; - left: 0; -} - -.cptm-checkbox-area { - .cptm-checkbox-item { - &:not(:last-child) { - margin-bottom: 10px; - } - } -} - -@media (max-width: 1300px) { - - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } -} - -.cptm-checkbox-item, -.cptm-radio-item { - display: flex; - margin-right: 20px; -} - -.cptm-tab-area { - display: flex; - flex-wrap: wrap; - - .cptm-tab-item { - input { - display: none; - - &:checked { - +label { - color: #fff; - background-color: #3e62f5; - } - } - } - - label { - 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; - - &:hover { - color: #fff; - background-color: #3e62f5; - } - } - } -} - -.enable_schema_markup{ - .atbdp-label-icon-wrapper{ - @media screen and (max-width: 782px){ - margin-bottom: 15px !important; - } - } -} - -.cptm-schema { - &-tab-area { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 12px; - } - - &-tab-label { - color: rgba(0, 6, 38, 0.90); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; - } - - &-tab-wrapper { - display: flex; - gap: 10px 20px; - @media screen and (max-width: 782px){ - flex-wrap: wrap; - } - input[type=radio]:checked{ - background-color:#3E62F5 !important; - border-color: #3E62F5 !important; - &::before{ - background-color: white !important; - } - } - } - - &-tab-item { - display: flex; - padding: 12px 16px; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid rgba(0, 17, 102, 0.10); - background-color: #FFF; - transition: all ease-in-out 300ms; - @media screen and (max-width: 782px){ - width: 100%; - } - - input[type=radio]{ - box-shadow: none; - @media screen and (max-width: 782px){ - width: 16px; - height: 16px; - &:checked:before{ - width: .5rem; - height: .5rem; - margin: 3px 3px; - line-height: 1.14285714; - } - } - } - &.active{ - border-color:#3E62F5 !important; - background-color: #F0F3FF; - .cptm-schema-label-wrapper{ - color:#3E62F5 !important; - } - } - } - - &-multi-directory-disabled{ - .cptm-schema-tab-item{ - &:last-child{ - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; - .cptm-schema-label-badge{ - display: inline-flex; - } - } - } - } - - &-label-wrapper { - color: rgba(0, 6, 38, 0.90) !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-label{ - display: flex; - align-items: center; - gap: 6px; - } - - &-label-badge{ - 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; - } - - &-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; - } -} - -#listing_settings__listings_page { - .cptm-checkbox-item { - &:not(:last-child) { - margin-bottom: 10px; - } - } -} - -input[type="checkbox"].cptm-checkbox { - display: none; - - &:checked+.cptm-checkbox-ui { - color: $primary; - - &::before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - font-weight: 900; - color: #fff; - content: "\f00c"; - z-index: 22; - } - - &:after { - background-color: #00b158; - border-color: #00b158; - z-index: -1; - } - } -} - -input[type="radio"].cptm-radio { - margin-top: 1px; -} - -.cptm-form-range-wrap { - display: inline-flex; - flex-wrap: wrap; - - .cptm-form-range-bar { - flex-grow: 1; - } - - .cptm-form-range-output { - width: 30px; - } - - .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; - } -} - -.cptm-checkbox-ui { - display: inline-block; - min-width: 16px; - position: relative; - z-index: 1; - margin-right: 12px; - - &::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-left: 4px; - } - - &:after { - 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; -} - -.cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: flex; - justify-content: center; - background-color: #f2f2f2; - - img { - display: block; - width: 100%; - height: auto; - } -} - -.cptm-thumbnail-placeholder { - display: flex; - align-items: center; - justify-content: center; -} - -.cptm-thumbnail-placeholder-icon { - font-size: 40px; - color: #d2d6db; - - svg { - width: 40px; - height: 40px; - } -} - -.cptm-thumbnail-img-wrap { - 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; - transition: all ease-in-out 300ms; -} - -// ==================== -// Modules -// ==================== -// cptm-sub-navigation -.cptm-sub-navigation { - padding: 0; - margin: 0; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-sub-nav__item { - list-style: none; - margin: 0; -} - -.cptm-sub-nav__item-link { - @extend .reset-pseudo-link; - 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; - - &:hover, - &.active { - font-weight: 600; - color: #fff; - background: $primary; - } - - &.active { - font-weight: bold; - } -} - -// Builder Section -.cptm-builder-section { - display: flex; - flex-wrap: wrap; - position: relative; -} - -.cptm-options-area { - width: 300px; - // perspective: 800px; -} - -.cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: left; - transform-origin: center; - transition: all linear 300ms; - pointer-events: none; - - &.cptm-animation-flip { - transform: rotate3d(0, 1, 0, 45deg); - } - - &.cptm-animation-slide-up { - transform: translate(0, 30px); - } - - &.active { - display: block; - opacity: 1; - pointer-events: all; - - &.cptm-animation-flip { - transform: rotate3d(0, 0, 0, 0deg); - } - - &.cptm-animation-slide-up { - transform: translate(0, 0); - } - } -} - -.cptm-anchor-down { - display: block; - text-align: center; - position: relative; - top: -1px; - - &:after { - 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; - transition: all ease-in-out 300ms; - @extend .reset-pseudo-link; - - &:hover { - color: #fff; - } -} - -.cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: $primary; -} - -.cptm-option-card-header-title-section { - display: flex; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; -} - -.cptm-option-card-header-title { - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; -} - -.cptm-header-action-area { - display: flex; - padding: 0 0 0 10px; - justify-content: center; - align-items: center; -} - -.cptm-option-card-header-nav-section { - display: block; -} - -.cptm-option-card-header-nav { - 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; - flex-grow: 1; - text-align: center; - padding: 8px 10px; - cursor: pointer; - margin-bottom: 0; - transition: all ease-in-out 300ms; - - &.active { - 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; - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; - - .cptm-form-group:last-child { - margin-bottom: 0; - } - - .directorist-type-icon-select { - margin-bottom: 20px; - - .icon-picker-selector { - display: flex; - } - } -} - -.cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - transform: translate(-50%, 50%); -} - -.cptm-widget-insert-wrap { - position: relative; -} - -.cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - transform: translate(-50%, -100%); - pointer-events: none; - - &.active { - 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; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; -} - -.cptm-listing-card-preview-body, -.cptm-listing-card-preview-footer { - .cptm-widget-insert-link { - background: $dark; - color: #fff; - } -} - -.cptm-widget-card-drop-prepend { - border-radius: 8px; -} - -.cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; - - &.dropable { - margin: 3px 0; - height: 10px; - border-color: cornflowerblue; - } - - &.drag-enter { - background-color: cornflowerblue; - } -} - -.cptm-widget-card-wrap { - visibility: visible; -} - -.cptm-widget-card-inline-wrap { - display: inline-flex; - vertical-align: top; - - .cptm-widget-card { - display: inline-block; - flex: 1; - } - - .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; - - &.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; - // flex: 1; - } - } -} - -.cptm-list-item { - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; - - .cptm-list-item-icon { - width: 25px; - } - - .cptm-list-item-label { - flex-grow: 1; - } -} - -.cptm-list-item-card { - display: block; -} - -// Widgets -.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); - transition: 0.3s ease; - position: relative; -} - -.cptm-preview-area { - flex-grow: 1; -} - -.cptm-preview-wrapper { - display: flex !important; - gap: 25px; - align-items: center; - justify-content: space-between; - - .cptm-preview-radio-area { - display: flex; - flex-direction: column; - flex: 0 0 auto; - max-width: 300px; - } - - .cptm-preview-area-archive { - img { - max-height: 100px; - } - } -} - -.cptm-widget-thumb { - .cptm-widget-thumb-icon { - i { - font-size: 80px; - opacity: 0.1; - } - } - - .cptm-widget-label { - 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); - transition: all ease-in-out 300ms; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; - - &:hover, - &.drag-enter { - border-color: rgba(255, 255, 255, 1); - } -} - -.cptm-placeholder-label { - 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(#fff, 0.4); - font-size: 13px; - - &.hide { - display: none; - } -} - -.cptm-listing-card-preview-footer { - .cptm-placeholder-label { - color: #868eae; - } -} - -.cptm-center-content { - display: flex; - height: 100%; - flex-wrap: wrap; - justify-content: center; - align-items: center; - - &.cptm-content-wide * { - flex-grow: 1; - } -} - -.cptm-mb-10 { - margin-bottom: 10px !important; -} - -.cptm-mb-20 { - margin-bottom: 20px !important; -} - -.cptm-listing-card-body-header { - display: flex; - flex-wrap: wrap; -} - -.cptm-align-left { - text-align: left; -} - -.cptm-listing-card-body-header-left { - flex-grow: 1; -} - -.cptm-listing-card-body-header-right { - width: 100px; - margin-left: 10px; -} - -.cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; -} - -.cptm-card-preview-widget { - 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-list-view { - display: flex; - flex-wrap: wrap; - max-width: 100%; - - .cptm-card-preview-thumbnail { - height: 100%; - } - - .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; - - @media (max-width: 400px) { - min-width: 100%; - } - } - } -} - -.cptm-field-wraper-key-single_listing_header { - - .cptm-card-preview-area-wrap, - .cptm-card-preview-widget { - max-width: 750px; - } -} - -.cptm-listing-card-preview-header { - display: block; - flex-grow: 1; -} - -.cptm-listing-card-content { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: $dark-3; - border-radius: 5px 5px 0 0; -} - -.cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - box-sizing: border-box; -} - -.cptm-card-preview-thumbnail-placeholer { - height: 100%; -} - -.cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-listing-card-preview-quick-info-placeholder { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail-bg { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - font-size: 72px; - color: $dark-2; -} - -.cptm-card-preview-thumbnail-bg span { - color: rgba(#fff, 0.1); -} - -.cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; -} - -.cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-top-right-placeholder { - text-align: right; -} - -.cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; -} - -.cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; -} - -.cptm-listing-card-preview-body { - 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); - transform: translate(-50%, -50%); - - .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(#c6d0dc, 0.5); - } - - .cptm-widget-insert-area { - - // top: 0; - // bottom: auto; - // transform: translate(-50%, -50%); - .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; - } - } -} - -.cptm-placeholder-author-thumb { - margin: 0; - - img { - width: 40px; - height: 40px; - border-radius: 50%; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; - } -} - -.cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; -} - -.cptm-has-widget-control { - position: relative; - - &:hover { - .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; - } - } -} - -.cptm-form-group-row { - display: flex; - flex-wrap: wrap; -} - -.cptm-form-group-col { - flex-grow: 1; - flex-basis: 50%; -} - -.cptm-form-group-info { - color: gray; - margin-bottom: 5px; -} - -.cptm-widget-actions-tools { - 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; - - a { - 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; - transition: 0.3s ease; - z-index: 1; - } - - &:hover { - .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; - } - - &:before { - visibility: visible; - opacity: 1; - } - } -} - -.cptm-widget-control-wrap { - 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: flex; - padding-bottom: 10px; - transform: translate(0%, -100%); - - &::after { - content: ""; - display: inline-block; - margin: 0 auto; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid $primary; - position: absolute; - bottom: 2px; - left: 50%; - transform: translate(-50%, 0); - z-index: -1; - } - - .cptm-widget-control-action:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; - } - - .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - } -} - -.hide { - display: none; -} - -.cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: $primary; - transition: all ease-in-out 300ms; - - &:hover { - background-color: #0e3bf2; - } -} - -.cptm-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; - - &:hover, - &.drag-enter { - border-color: #717171; - } - - .cptm-placeholder-label { - color: #a1a8c6; - } -} - -.cptm-listing-card-preview-footer { - display: flex; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; -} - -.cptm-listing-card-preview-footer-left-placeholder { - flex-grow: 1; - margin-right: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; - - &:hover, - &.drag-enter { - border-color: #1e1e1e; - } -} - -.cptm-listing-card-preview-footer-right-placeholder { - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; - - &:hover, - &.drag-enter { - border-color: #1e1e1e; - } - - .cptm-widget-preview-area { - display: flex; - justify-content: flex-end; - align-items: center; - } -} - -.cptm-card-light { - &.cptm-placeholder-blcok { - border-color: #c6d0dc; - - &:hover, - &.drag-enter { - border-color: #1e1e1e; - } - } - - .cptm-placeholder-label { - color: $dark; - } - - .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; - } -} - -.cptm-card-dark-light { - .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; - } - - .cptm-widget-badge { - 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; -} - -.cptm-widgets-header { - display: block; -} - -.cptm-widget-nav { - display: flex; - flex-wrap: wrap; - margin: 0; -} - -.cptm-widget-nav-item { - display: inline-block; - margin: 0; - padding: 12px 10px; - cursor: pointer; - flex-basis: calc(100% / 3); - flex-grow: 1; - text-align: center; - box-sizing: border-box; - cursor: pointer; - color: #8a8a8a; - border-right: 1px solid #e3e1e1; - background-color: #f2f2f2; - - &:last-child { - border-right: none; - } - - &:hover { - color: #2b2b2b; - } - - &.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; - } -} - -.cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; -} - -.cptm-widgets-list { - display: block; - margin: 0; -} - -.cptm-widgets-list-item { - display: block; -} - -.widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; -} - -.cptm-widgets-sub-list { - 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; -} - -.widget-icon { - display: inline-block; - margin-right: 5px; -} - -.widget-label { - display: inline-block; -} - -// Form Fields -.cptm-form-group { - display: block; - margin-bottom: 20px; - - label { - display: block; - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin-bottom: 9px; - } - - .cptm-form-control { - max-width: 100%; - box-sizing: border-box; - } - - &.tab-field { - .cptm-preview-wrapper { - display: flex; - gap: 0; - flex-direction: column; - } - } - - &.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); - } -} - -//Form fields preview image upload -.cptm-preview-image-upload { - width: 350px; - max-width: 100%; - height: 224px; - flex-shrink: 0; - border-radius: 10px; - position: relative; - overflow: hidden; - - &:not(.cptm-preview-image-upload--show) { - border: 2px dashed #d2d6db; - background: #f9fafb; - - .cptm-thumbnail { - max-width: 100%; - width: 100%; - height: 100%; - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - - .cptm-thumbnail-action { - display: none; - } - - .cptm-thumbnail-img-wrap { - img { - width: 40px; - height: 40px; - object-fit: cover; - border-radius: 4px; - } - } - - .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; - - input { - background-color: transparent; - border: none; - box-shadow: none; - color: white; - padding: 0; - } - - i { - font-size: 14px; - color: inherit; - } - } - - .directorist-row-tooltip[data-tooltip] { - - &:before, - &:after { - opacity: 0; - } - } - - .cptm-thumbnail-drag-text { - color: #747c89; - font-size: 14px; - font-weight: 400; - line-height: 16px; - text-transform: capitalize; - } - } - } - - &.cptm-preview-image-upload--show { - margin-bottom: 0; - height: 100%; - - .cptm-thumbnail { - margin: 0; - position: relative; - - &: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; - } - - .action-trash { - ~.cptm-upload-btn { - right: 52px; - } - } - } - - .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-thumbnail-drag-text { - display: none; - } - - .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; - transition: all ease-in-out 300ms; - margin: 0; - display: flex; - align-items: center; - justify-content: center; - z-index: 2; - box-sizing: border-box; - - input { - display: none; - } - - i::before { - content: "\ea57"; - } - } - - .directorist-row-tooltip[data-tooltip]:after { - background-color: white; - color: #141921; - opacity: 1; - } - - .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { - border-bottom-color: white; - } - - .cptm-thumbnail-action { - z-index: 2; - } - } -} - -.cptm-form-group-feedback { - display: block; -} - -.cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - transition: all ease-in-out 300ms; - - &.cptm-error { - color: #c82424; - } -} - -.cptm-input-toggle-wrap { - display: flex; - flex-wrap: wrap; - align-items: center; - - label { - 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; - transition: all ease-in-out 300ms; - cursor: pointer; - - &::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; - transition: all ease-in-out 300ms; - } - - &.active { - background-color: $primary; - - &::after { - left: 100%; - transform: translateX(calc(-100% - 10px)); - } - } -} - -.cptm-multi-option-group { - display: block; - margin-bottom: 20px; - - .cptm-btn { - margin: 0; - } -} - -.cptm-multi-option-label { - display: block; -} - -.cptm-multi-option-group-section-draft { - display: flex; - flex-wrap: wrap; - margin: -8px; - - .cptm-form-group { - margin: 0 8px 20px; - flex: 1; - - .cptm-form-control { - width: 100%; - } - - &.cpt-has-error { - position: relative; - } - } - - p { - margin: 28px 8px 20px; - } -} - -.cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; -} - -/* 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: flex; - justify-content: center; - align-items: center; - z-index: 9999; -} - -.video-popup-content { - position: relative; - display: flex; - justify-content: center; - align-items: center; - - video { - width: 100%; - max-width: 500px; - } -} - -.close-btn { - 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; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - transition: all ease 0.3s; - - &:hover, - &:focus { - color: #23282d; - border-color: #3e62f5; - } -} - -select, -input[type="date"], -input[type="datetime-local"], -input[type="datetime"], -input[type="email"], -input[type="month"], -input[type="number"], -input[type="password"], -input[type="search"], -input[type="tel"], -input[type="text"], -input[type="time"], -input[type="url"], -input[type="week"], -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; - - &:hover { - color: #23282d; - } - - &.cptm-form-control-light { - border: 1px solid #ccc; - background-color: #fff; - } - } -} - -.tab-general, -.tab-other { - .cptm-title-area { - margin-left: 0; - } - - .cptm-form-group { - .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; - } - } -} - -.tab-preview_image, -.tab-packages, -.tab-other { - .cptm-title-area { - margin-left: 0; - - p { - 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; - - &.active { - display: block; - } -} - -.cptm-modal-wrap { - 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; -} - -.cptm-modal-header { - 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; -} - -.cptm-modal-actions { - 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; - @extend .reset-pseudo-link; -} - -.cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; -} - -.cptm-section-alert-area { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - min-height: 200px; -} - -.cptm-section-alert-content { - text-align: center; - padding: 10px; -} - -.cptm-section-alert-icon { - 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-alert-success { - color: #fff; - background-color: #14cc60; - } - - &.cptm-alert-error { - color: #fff; - background-color: #cc1433; - } -} - -.cptm-color-picker-wrap { - display: inline-flex; -} - -.cptm-color-picker-label { - display: flex; - align-items: center; - margin-left: 10px; -} - -// Utility -.cptm-wdget-title { - display: flex; - justify-content: space-between; -} - -.atbdp-flex-align-center { - display: flex; - align-items: center; -} - -.cptm-px-5 { - padding: 0 5px; -} - -.cptm-text-gray { - color: #c1c1c1; -} - -.cptm-text-right { - text-align: right !important; -} - -.cptm-text-center { - text-align: center !important; -} - -.cptm-text-left { - text-align: left !important; -} - -.cptm-d-block { - display: block !important; -} - -.cptm-d-inline { - display: inline-block !important; -} - -.cptm-d-inline-flex { - display: inline-flex !important; - flex-wrap: wrap; -} - -.cptm-d-none { - display: none !important; -} - -.cptm-p-20 { - padding: 20px; -} - -.cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; -} - -//input radio -input[type="radio"]:checked::before { - background-color: #3e62f5; -} - -input[type="checkbox"], -input[type="radio"] { - @media (max-width: 767px) { - width: 15px; - height: 15px; - } -} - -// Single Listing Header Placeholder -.cptm-preview-placeholder { - width: 700px; - max-width: 100%; - margin: 0 auto; - - @include e(card) { - padding: 30px; - border-radius: 6px; - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - - .cptm-widget-insert-link { - background-color: #272b41; - box-shadow: none; - font-size: 12px; - color: #fff; - } - - @include e(item) { - flex: 1; - - @include m(top) { - display: flex; - gap: 30px; - justify-content: space-between; - - .cptm-preview-placeholder__card__box { - &:first-child { - flex: unset; - } - - &:not(:first-child) { - flex: 0 0 50%; - } - } - } - } - - @include e(box) { - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; - - .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; - } - - .cptm-widget-preview-area { - gap: 8px; - flex-wrap: wrap; - display: inline-flex; - - .cptm-widget-badge { - margin: 0; - padding: 6px 19px 7px 20px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; - } - } - } - - @include e(btn) { - width: 100%; - height: 66px; - border: none; - border-radius: 6px; - cursor: pointer; - color: #5a5f7d; - font-size: 13px; - font-weight: 500; - margin-top: 20px; - - .icon { - width: 26px; - height: 26px; - line-height: 26px; - background-color: #fff; - border-radius: 100%; - margin-inline-end: 7px; - } - } - - .slider-placeholder { - padding: 50px; - text-align: center; - - .cptm-widget-preview-area { - .cptm-widget-label { - margin-top: 5px; - } - } - } - - .dndrop-container.vertical { - display: flex; - gap: 20px; - flex-direction: column; - margin-bottom: 20px; - - >.dndrop-draggable-wrapper { - overflow: visible; - } - } - - .draggable-item { - display: flex; - gap: 20px; - align-items: center; - flex-direction: row; - - .cptm-drag-element { - font-size: 15px; - color: #868eae; - - &:hover { - color: #1e1e1e; - } - } - } - } -} - -// Sidebar -.atbdp-sidebar-nav-area { - display: block; -} - -.atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; -} - -.atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; - @extend .reset-pseudo-link; -} - -.atbdp-nav-icon { - display: inline-block; - margin-right: 10px; -} - -.atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-nav-item { - display: block; - margin: 0; - - .atbdp-nav-link { - display: block; - } - - .atbdp-nav-icon { - display: inline-block; - } - - .atbdp-nav-label { - display: inline-block; - } - - &.active { - display: block; - background-color: #fff; - - .atbdp-sidebar-subnav { - display: block; - } - - .atbdp-nav-link { - display: block; - } - - .atbdp-nav-icon { - display: inline-block; - } - - .atbdp-nav-label { - display: inline-block; - } - } -} - -.atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; -} - -.atbdp-sidebar-subnav-item { - display: block; - margin: 0; - - .atbdp-nav-link { - color: #686d88; - } - - .atbdp-nav-icon { - display: inline-block; - } - - .atbdp-nav-label { - display: inline-block; - } - - &.active { - display: block; - margin: 0; - - .atbdp-nav-link { - display: block; - } - - .atbdp-nav-icon { - display: inline-block; - } - - .atbdp-nav-label { - display: inline-block; - } - } -} - -// ATBDP Grid -.atbdp-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.atbdp-col { - padding: 0 15px; - flex-grow: 1; - box-sizing: border-box; -} - -.atbdp-col-3 { - flex-basis: calc(100% / (12 / 3)); - width: calc(100% / (12 / 3)); -} - -.atbdp-col-4 { - flex-basis: calc(100% / (12 / 4)); - width: calc(100% / (12 / 4)); -} - -.atbdp-col-8 { - flex-basis: calc(100% / (12 / 8)); - width: calc(100% / (12 / 8)); -} - -.shrink { - max-width: 300px; -} - -// ==================== -// Dropdowwn -// ==================== -.directorist_dropdown { - position: relative; - - .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; - box-sizing: border-box; - - &:focus { - outline: 0 none; - box-shadow: 0 0; - } - - &:before { - 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-option { - 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; - - &.--show { - display: block !important; - } - - ul { - margin: 0; - padding: 0; - - li { - margin-bottom: 0; - - a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - transition: 0.3s; - - &:hover, - &.active:hover { - color: #fff; - background-color: #3e62f5; - } - - &.active { - color: #3e62f5; - background-color: #f0f3ff; - } - } - } - } - } -} - -.cptm-form-group { - .directorist_dropdown-option { - max-height: 240px; - } -} - -.cptm-import-directory-modal { - .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; - } -} - -/* Sticky fields */ -.cptm-col-sticky { - 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: flex; - justify-content: center; - align-items: center; - z-index: 10; - - .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; - - h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; - } - - p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; - } - } - - button { - 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; - - &:hover { - background: #ba1230; - } - } - - button.cptm-widget-trash-confirmation-modal-action-btn__cancel { - background: #f1f2f6; - color: #7a8289; - - &:hover { - background: #dee0e4; - } - } -} - -//Grouped settings -.cptm-field-group-container { - .cptm-field-group-container__label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: inline-block; - - @media only screen and (max-width: 767px) { - margin-bottom: 15px; - } - } -} - -.cptm-container-group-fields { - display: flex; - align-items: center; - gap: 26px; - - @media only screen and (max-width: 1300px) { - flex-wrap: wrap; - } - - .cptm-form-group { - @media only screen and (max-width: 1300px) { - &:not(:last-child) { - margin-bottom: 0; - } - } - - @media only screen and (max-width: 991px) { - width: 100%; - } - } - - .highlight-field { - padding: 0; - } - - .atbdp-row { - margin: 0; - flex-wrap: nowrap; - gap: 10px; - align-items: center; - - .atbdp-col { - flex: none !important; - width: auto; - padding: 0; - - input { - max-width: 100px !important; - box-sizing: border-box; - - @media only screen and (max-width: 991px) { - max-width: none !important; - } - - @media only screen and (max-width: 767px) { - max-width: 150px !important; - } - } - - label { - margin: 0; - font-size: 14px !important; - font-weight: normal; - - @media only screen and (max-width: 1300px) { - min-width: 50px; - } - } - - .directorist_dropdown { - width: 95px; - - .directorist_dropdown-toggle:before { - position: relative; - top: -3px; - } - - @media only screen and (max-width: 991px) { - width: calc(100% - 2px); - } - - @media only screen and (max-width: 767px) { - width: 150px; - } - } - - &.atbdp-col-8 { - @media only screen and (max-width: 991px) { - flex: auto !important; - } - } - - &.atbdp-col-4 { - @media only screen and (max-width: 767px) { - width: auto !important; - } - } - } - } -} \ No newline at end of file diff --git a/assets/src/scss/layout/admin/builder/_builder_style__settings_panel.scss b/assets/src/scss/layout/admin/builder/_builder_style__settings_panel.scss deleted file mode 100644 index 8bcc26a05e..0000000000 --- a/assets/src/scss/layout/admin/builder/_builder_style__settings_panel.scss +++ /dev/null @@ -1,101 +0,0 @@ -$settings-primary-color: #3e62f5; - -.atbdp-settings-panel { - .cptm-form-group{ - margin-bottom: 35px; - &.cptm-schema-multi-directory-disabled{ - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; - } - } - .cptm-tab-content { - margin: 0; - padding: 0; - width: 100%; - max-width: unset; - } - - .cptm-title { - font-size: 18px; - line-height: unset; - } - - .cptm-menu-title { - font-size: 20px; - font-weight: 500; - color: $dark; - margin-bottom: 50px; - } - - .cptm-section { - border: 1px solid #E3E6EF; - border-radius: 8px; - margin-bottom: 50px !important; - .cptm-title-area { - border-bottom: 1px solid #E3E6EF; - padding: 20px 25px; - margin-bottom: 0; - &.directorist-no-header{ - border-bottom: 0 none; - margin-bottom: 0; - padding-bottom: 0; - } - .cptm-title { - font-size: 20px; - font-weight: 500; - color: #000000; - } - } - .cptm-form-fields{ - padding: 20px 25px 0 25px; - .cptm-form-group { - label{ - font-size: 15px; - } - .atbdp-label-icon-wrapper{ - margin: 0; - padding: 0; - color: rgba(0, 6, 38, 0.90); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; - display: inline-flex; - align-items: center; - gap: 14px; - } - .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; - svg{ - width: 16px; - height: 16px; - } - i{ - color: #4D5761; - } - } - } - } - &.button_type, - &.enable_multi_directory { - z-index: 11; - } - } - - #style_settings__color_settings { - .cptm-section { - z-index: unset; - } - } -} \ No newline at end of file diff --git a/assets/src/scss/layout/admin/builder/_cptm_theme_butterfly.scss b/assets/src/scss/layout/admin/builder/_cptm_theme_butterfly.scss deleted file mode 100644 index 776e9b6c18..0000000000 --- a/assets/src/scss/layout/admin/builder/_cptm_theme_butterfly.scss +++ /dev/null @@ -1,6 +0,0 @@ -.cptm-theme-butterfly { - .cptm-info-text { - text-align: left; - margin: 0; - } -} \ No newline at end of file diff --git a/assets/src/scss/layout/admin/builder/_droppable-list.scss b/assets/src/scss/layout/admin/builder/_droppable-list.scss deleted file mode 100644 index cdc4ba49da..0000000000 --- a/assets/src/scss/layout/admin/builder/_droppable-list.scss +++ /dev/null @@ -1,47 +0,0 @@ -.directorist-draggable-list-item { - flex-grow: 1; -} - -.directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; -} - -.directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - flex-direction: column; - margin-bottom: -20px; -} - -.directorist-droppable-area { - flex-grow: 1; -} - -.directorist-droppable-area-top { - // background-color: rgba(69, 154, 180, 0.5); -} -.directorist-droppable-area-bottom { - // background-color: rgba(180, 69, 147, 0.5); -} - -.directorist-droppable-item-preview { - 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; -} - -.directorist-droppable-item-preview-after { - margin-bottom: 20px; -} \ No newline at end of file diff --git a/assets/src/scss/layout/admin/builder/_settings_panel.scss b/assets/src/scss/layout/admin/builder/_settings_panel.scss deleted file mode 100644 index ef0051036e..0000000000 --- a/assets/src/scss/layout/admin/builder/_settings_panel.scss +++ /dev/null @@ -1,545 +0,0 @@ -/* settings panel css */ -.atbdp-settings-manager { - .directorist_builder-header { - margin-bottom: 30px; - } - .atbdp-settings-manager__top{ - max-width: 1200px; - display: flex; - justify-content: space-between; - align-items: center; - .directorist_builder-links{ - margin: 0 ; - padding: 0; - margin-top: 10px; - li{ - display: inline-block; - margin-bottom: 0; - &:not(:last-child){ - margin-right: 25px; - } - a{ - font-size: 14px; - text-decoration: none; - color: #5A5F7D; - } - } - } - } - .atbdp-settings-manager__title { - display: flex; - align-items: center; - justify-content: space-between; - font-size: 24px; - font-weight: 500; - color: $dark; - margin-bottom: 28px; - .directorist_settings-trigger{ - display: none; - margin: 8px 0 0 30px; - @media only screen and (max-width: 575px) { - display: block; - } - } - } -} - -.directorist_vertical-align-m{ - display: flex; - align-items: center; - .directorist_item{ - display: flex; - } -} - -// Settings Panel Buttons -.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; - } - } -} -// Settings Panle Grid -.atbdp-settings-manager { - .settings-contents{ - .atbdp-row{ - .atbdp-col.atbdp-col-4{ - @media only screen and (max-width: 767px) { - width: 100%; - flex-basis: 100%; - } - } - } - .cptm-form-group label{ - - @media only screen and (max-width: 767px) { - margin-bottom: 15px; - } - } - .directorist_dropdown{ - .directorist_dropdown-toggle{ - line-height: .8; - } - } - } -} - - -// Setting Panle Sidebar Trigger -.directorist_settings-trigger{ - display: inline-block; - cursor: pointer; - span{ - display: block; - width: 20px; - height: 2px; - background-color: #272B41; - &:not(:last-child){ - margin-bottom: 4px; - } - } -} - -.settings-wrapper { - width: 100%; - margin: 0 auto; -} - -.atbdp-settings-panel { - max-width: 1200px; - margin: 0 !important; -} - -.setting-top-bar { - 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) { - flex-direction: column; - } - - .atbdp-setting-top-bar-right{ - display: flex; - align-items: center; - justify-content: space-between; - @media only screen and (max-width: 767px) { - margin-top: 15px; - } - @media only screen and (max-width: 575px) { - flex-direction: column; - } - .setting-top-bar__search-field{ - margin-right: 5px; - input{ - border-radius: 20px; - color: #fff !important; - } - } - } - - .directorist_setting-panel__pages{ - margin: 0; - padding: 0; - li{ - display: inline-block; - margin-bottom: 0; - .directorist_setting-panel__pages--link{ - text-decoration: none; - font-size: 14px; - font-weight: 400; - color: #ffffff50; - &.active{ - color: #fff; - &::before{ - color: #ffffff50; - } - } - &:focus{ - outline: 0 none; - box-shadow: 0 0; - } - } - } - - 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; - } - } - } - } - - .search-suggestions-list { - border-radius: 5px; - padding: 20px; - box-shadow: 0 10px 40px #868EAE30; - height: 360px; - overflow-y: auto; - - .search-suggestions-list--link { - padding: 8px 10px; - font-size: 14px; - font-weight: 500; - border-radius: 4px; - color: #5A5F7D; - - &:hover { - color: #fff; - background-color: #3E62F5; - } - } - } -} - -.setting-top-bar__search-actions { - display: flex; - flex-wrap: wrap; - @media only screen and (max-width: 575px) { - margin-top: 15px; - } - .setting-response-feedback{ - - @media only screen and (max-width: 575px) { - margin-left: 0 !important; - } - } -} - -.setting-response-feedback { - display: flex; - margin: 0 10px; - align-items: center; - color: #fff; -} - -.setting-search-suggestions { - position: relative; - z-index: 999; -} - -.search-suggestions-list { - 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; -} - -.search-suggestions-list--link { - display: block; - padding: 10px 15px; - text-decoration: none; - transition: all ease-in-out 200ms; - - &:hover { - background-color: #f2f2f2; - } -} - -.setting-body { - display: flex; -} - -.settings-contents { - 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: #ffffff08 !important; - border-radius: 4px; - color: #ffffff50 !important; - width: 250px; - max-width: 250px; - font-size: 14px; - - &:focus { - 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; - transition: all ease-in-out 300ms; - - &:focus{ - color: #fff; - outline: none; - } - - &:hover { - border-color: #264ef4; - background: #264ef4; - color: #fff; - } - - &:disabled { - opacity: 0.8; - cursor: not-allowed; - } -} - -.setting-left-sibebar { - min-width: 250px; - max-width: 250px; - background-color: #F6F6F6; - border-right: 1px solid #f6f6f6; - @media only screen and (max-width: 767px) { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100vh; - overflow-y: auto; - background-color: #fff; - transform: translateX(-250px); - transition: .35s; - z-index: 99999; - } - &.active{ - transform: translateX(0px); - } -} - -.directorist_settings-panel-shade{ - position: fixed; - width: 100%; - height: 100%; - left: 0; - top: 0; - background-color: #272B4130; - z-index: -1; - opacity: 0; - visibility: hidden; - &.active{ - z-index: 999; - opacity: 1; - visibility: visible; - } -} - -.settings-nav { - margin: 0; - padding: 0; - list-style-type: none; -} - -.settings-nav li { - list-style: none; -} - -.settings-nav a { - text-decoration: none; -} - -.settings-nav__item.active { - background-color: #fff; -} - -.settings-nav__item ul { - padding-left: 0; - background-color: #fff; - display: none; -} - -.settings-nav__item.active ul { - display: block; -} - -.settings-nav__item__link { - 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; -} - -.settings-nav__item.active .settings-nav__item__link { - color: #3E62F5; -} - -.settings-nav__item__icon { - display: inline-block; - width: 32px; - - i { - font-size: 15px; - &.directorist_Blue { - color: #3E62F5 - } - - &.directorist_success { - color: #08BF9C - } - - &.directorist_pink { - color: #FF408C - } - - &.directorist_warning { - color: #FA8B0C - } - - &.directorist_info { - color: #2C99FF - } - - &.directorist_green { - color: #00B158 - } - - &.directorist_danger { - color: #FF272A - } - - &.directorist_wordpress { - 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: flex; - font-size: 14px; - font-weight: 500; - color: #5A5F7D; - transition: 0.3s ease; - border-left: 2px solid transparent; - &:focus{ - box-shadow: 0 0; - outline: 0 none; - } -} - -.settings-nav__item ul li a.active { - 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; - box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); -} - -span.drop-toggle-caret { - 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; -} - -.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; -} - -.settings-footer { - display: flex; - margin: 0 -20px; - padding: 15px 15px 15px; - flex-wrap: wrap; - justify-content: flex-end; - background-color: #F8F9FB; - - .setting-response-feedback { - color: #272b41; - } -} - -.settings-footer-actions { - display: flex; - flex-wrap: wrap; - color: #272b41; -} - -.atbdp-settings-panel{ - .cptm-form-control, - .directorist_dropdown{ - max-width: 500px !important; - } -} - -#page_settings{ - .cptm-menu-title{ - display: none; - } -} - -#personalization{ - .cptm-menu-title{ - display: none; - } -} - -#import_export{ - .cptm-menu-title{ - display: none; - } -} \ No newline at end of file diff --git a/assets/src/scss/layout/admin/create-directory.scss b/assets/src/scss/layout/admin/create-directory.scss deleted file mode 100644 index 2e2093ceae..0000000000 --- a/assets/src/scss/layout/admin/create-directory.scss +++ /dev/null @@ -1,1993 +0,0 @@ -// Wizard New Style -.directorist-create-directory { - display: flex; - flex-direction: column; - font-family: 'Inter'; - margin-left: -20px; - - * { - flex-grow: unset !important; - } - - @include e("wrapper") { - width: 100%; - height: 100%; - display: flex; - flex-direction: column; - padding: 0; - margin: 50px 0; - } - - @include e("header") { - display: flex; - gap: 30px; - align-items: center; - justify-content: space-between; - background-color: #ffffff; - padding: 12px 32px; - border-bottom: 1px solid #E5E7EB; - } - - @include e("logo") { - display: flex; - align-self: stretch; - align-items: center; - padding: 15px 25px; - border-right: 1px solid #e7e7e7; - - @media (max-width: 767px) { - border: none; - } - - img { - width: 140px; - } - } - - @include e("close") { - @include e("btn") { - display: flex; - gap: 8px; - align-items: center; - padding: 14px 16px; - font-size: 14px; - line-height: 20px; - font-weight: 500; - color: #141921; - - svg { - flex-grow: unset; - - path { - fill: #b7b7b7; - transition: fill 0.3s ease; - } - } - - &:hover { - svg path { - fill: #4353ff; - } - } - } - } - - @include e("upgrade") { - display: flex; - gap: 12px; - - @include e("title") { - display: flex; - gap: 4px; - font-size: 12px; - line-height: 16px; - font-weight: 600; - color: #141921; - margin: 0; - } - - @include e("link") { - font-size: 10px; - line-height: 12px; - font-weight: 500; - color: #3E62F5; - margin: 0; - text-decoration: underline; - } - } - - @include e("top") { - display: flex; - gap: 12px; - flex-direction: column; - padding: 32px; - } - - @include e("info") { - @include e("title") { - font-size: 20px; - line-height: 28px; - font-weight: 600; - margin: 0 0 4px; - } - - @include e("desc") { - font-size: 14px; - line-height: 22px; - font-weight: 400; - margin: 0; - } - } - - @include e("footer") { - 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) { - gap: 20px; - padding: 30px 20px; - } - } - - @include e("btn") { - 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; - - &:hover { - opacity: 0.85; - } - - &:disabled, - &.disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; - } - - @media (max-width: 375px) { - gap: 15px; - } - - @include m("skip") { - background: transparent; - color: #000; - padding: 0; - } - - @include m("full") { - width: 100%; - text-align: center; - box-sizing: border-box; - } - - @include m("return") { - color: #141414; - background: #ebebeb; - } - - @include m("next") { - 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); - } - - &.loading { - position: relative; - - &:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: rgba(0, 0, 0, 0.5); - } - - &:after { - 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; - } - } - } - - @include e("next") { - display: flex; - gap: 8px; - align-items: center; - img { - max-width: 10px; - } - - .directorist_regenerate_fields { - gap: 8px; - font-size: 14px; - line-height: 20px; - font-weight: 500; - color: #3E62F5 !important; - background: transparent !important; - border-color: transparent !important; - &.loading { - pointer-events: none; - svg { - animation: spin 2s linear infinite; - } - &:before, - &:after { - display: none; - } - } - } - - @media (max-width: 375px) { - gap: 15px; - } - } - - @include e("back") { - display: flex; - gap: 8px; - - @include e("btn") { - display: flex; - align-items: center; - gap: 8px; - color: #141921; - font-size: 14px; - font-weight: 500; - line-height: 20px; - svg, - img { - width: 20px; - height: 20px; - } - - &:hover { - color: #3E62F5; - } - &:focus { - outline: none; - box-shadow: none; - } - - &.disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; - } - } - } - - @include e("step") { - display: flex; - gap: 12px; - align-items: center; - justify-content: center; - - .atbdp-setup-steps { - width: 100%; - max-width: 130px; - display: flex; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; - border-radius: 4px; - overflow: hidden; - - li { - display: flex; - flex: 1; - position: relative; - margin: 0; - flex-grow: 1 !important; - - &:after { - content: ""; - display: inline-flex; - width: 100%; - height: 8px; - background-color: #D2D6DB; - } - - &.done, - &.active { - &:after { - background-color: #6E89F7; - } - } - } - } - - .step-count { - font-size: 14px; - line-height: 19px; - font-weight: 600; - color: #747C89; - } - } - - @include e("content") { - 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; - &.full-width { - 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; - } - &::-webkit-scrollbar { - display: none; - } - - @include e("items") { - 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; - - @include m("columns") { - flex-direction: column; - } - } - - @include e("form-group-label") { - color: #141921; - font-size: 14px; - font-weight: 600; - line-height: 20px; - margin-bottom: 12px; - display: block; - align-items: center; - - .required-label { - color: #D94A4A; - font-weight: 600; - } - - .optional-label { - color: #7E8C9A; - font-weight: 400; - } - } - - @include e("form-group") { - width: 100%; - } - - @include e("input") { - &.form-control { - 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; - - &.--textarea { - resize: none; - min-height: 148px; - max-height: 148px; - background-color: #F9FAFB; - white-space: wrap; - overflow: auto; - - &:focus { - background-color: white; - } - } - - &.--icon-none { - padding: 7px 16px; - } - - &::placeholder { - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; - } - - &:focus, - &:hover { - color: #141921; - border-color: #3E62F5; - box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.30); - } - } - &[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("../../../../icons/font-awesome/svgs/solid/times-circle.svg"); - } - } - &.empty, - &.max-char-reached { - border-color: #ff0808 !important; - box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; - } - ~ .character-count { - width: 100%; - text-align: end; - font-size: 12px; - line-height: 20px; - font-weight: 500; - color: #555F6D; - margin-top: 8px; - } - } - - @include e("input-group") { - display: flex; - align-items: center; - flex-wrap: wrap; - position: relative; - color: #747C89; - - &.--options { - flex-direction: column; - align-items: flex-start; - gap: 12px; - - .--options-wrapper { - width: 100%; - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: wrap; - gap: 15px 10px; - } - - .--options-left { - display: flex; - align-items: center; - gap: 8px; - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - font-size: 14px; - font-weight: 400; - line-height: 24px; - } - - .--options-right { - font-size: 12px; - font-weight: 400; - line-height: 20px; - letter-spacing: 0.12px; - - strong { - font-weight: 500; - } - } - - .--hit-button { - 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; - - strong { - font-weight: 500; - } - } - } - - &:hover { - .directorist-create-directory__content__input-icon { - svg { - color: #141921; - } - } - } - } - - @include e("input-icon") { - display: flex; - align-items: center; - position: absolute; - top: 10px; - left: 20px; - pointer-events: none; - - svg, - img { - width: 20px; - height: 20px; - transition: 0.3s; - } - } - - @include e("footer") { - display: flex; - gap: 30px; - align-items: center; - justify-content: space-between; - padding: 20px 32px; - border-top: 1px solid #E5E7EB; - } - - @include e("btns") { - display: flex; - gap: 15px; - flex-wrap: wrap; - justify-content: center; - } - - @include e("notice") { - display: flex; - gap: 5px; - align-items: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #484848; - transition: color 0.3s eases; - - &:hover { - color: #4353ff; - } - } - } - - @include e("generate") { - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; - .directory-img { - display: flex; - padding: 4px; - justify-content: center; - align-items: center; - #directory-img__generating { - width: 48px; - height: 48px; - } - #directory-img__building { - width: 322px; - height: auto; - } - svg { - width: var(--Large, 48px); - height: var(--Large, 48px); - } - } - - .directory-title { - color: #141921; - font-size: 18px; - font-weight: 700; - line-height: 32px; - margin: 16px 0 4px; - } - - .directory-description { - color: #4D5761; - font-size: 12px; - font-weight: 400; - line-height: 20px; - margin-top: 0; - margin-bottom: 40px; - - strong { - font-weight: 600; - } - } - } - - @include e("checkbox-wrapper") { - display: flex; - align-items: center; - flex-wrap: wrap; - - &.--gap-12 { - gap: 12px; - } - - &.--gap-8 { - gap: 8px; - } - - &.--svg-size-16 { - label svg { - width: 16px; - height: 16px; - } - } - - &.--svg-size-20 { - label svg { - width: 20px; - height: 20px; - } - } - } - - @include e("checkbox") { - display: flex; - align-items: center; - gap: 10px; - - @media (max-width: 480px) { - width: 100%; - - label { - width: 100%; - } - } - - @include e("others") { - .directorist-create-directory__content__input-icon { - top: 8px; - left: 16px; - svg { - width: 16px; - height: 16px; - } - } - .directorist-create-directory__content__input { - padding: 4px 16px 4px 36px; - } - - } - - @include m("custom") { - flex: 0 0 100%; - display: none; - } - - label { - 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; - } - - input[type="checkbox"] { - display: none; - - &:hover, - &:focus { - ~label { - color: #383F47; - background-color: #E5E7EB; - border-color: #E5E7EB; - } - } - - &:checked { - ~label { - color: #FFFfff; - background-color: #6E89F7; - border-color: #6E89F7; - } - } - - &:disabled { - ~label { - background-color: #F3F4F6; - color: #4D5761; - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; - } - } - } - - input[type="radio"] { - display: none; - - &:hover, - &:focus { - ~label { - color: #383F47; - background-color: #E5E7EB; - border-color: #E5E7EB; - } - } - - &:checked { - ~label { - color: #FFFfff; - background-color: #6E89F7; - border-color: #6E89F7; - } - } - - &:disabled { - ~label { - background-color: #F3F4F6; - color: #4D5761; - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; - } - } - } - - input[type="text"] { - width: 100%; - height: 42px; - border-radius: 4px; - padding: 0 16px; - background-color: #ebebeb; - border: none; - outline: none; - box-sizing: border-box; - - &::placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; - } - } - } - - @include e("go-pro") { - 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; - } - - @include e("go-pro-title") { - display: flex; - padding: 8px; - align-items: flex-start; - gap: 10px; - color: #4D5761; - font-size: 14px; - font-weight: 400; - line-height: 20px; - - svg { - padding: 4px 8px; - width: 32px; - max-height: 16px; - color: #3E62F5; - } - } - - @include e("go-pro-button") { - a { - 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; - - &:hover { - background-color: #3E62F5; - border-color: #3E62F5; - color: white; - opacity: 0.85; - } - } - } - - @include e("counter") { - width: 100%; - text-align: left; - - @include e("title") { - font-size: 20px; - font-weight: 600; - color: #141414; - margin: 0 0 10px; - } - - @include e("desc") { - display: none; - font-size: 14px; - color: #404040; - margin: 0 0 10px; - } - - .selected_count { - color: #4353ff; - } - } - - @include e("introduction") { - max-width: 700px; - margin: 0 auto; - text-align: center; - padding: 50px 0 100px; - } - - @include e("info") { - text-align: center; - } - - @include e("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) { - padding: 30px 25px; - } - - @media (max-width: 375px) { - padding: 30px 20px; - } - - @include e("content") { - @include e("title") { - font-size: 24px; - font-weight: 400; - margin: 0 0 5px; - color: #141414; - - @include m("section") { - font-size: 15px; - font-weight: 400; - color: #141414; - margin: 0 0 10px; - } - } - - @include e("desc") { - font-size: 15px; - font-weight: 400; - margin: 0 0 25px; - color: #484848; - } - - @include e("form") { - position: relative; - - &:before { - content: ""; - background-image: url("../../../../images/search.svg"); - background-repeat: no-repeat; - width: 14px; - height: 14px; - position: absolute; - left: 18px; - top: 14px; - } - - .address_result { - background-color: #ffffff; - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - } - - &.directorist-search-field { - .directorist-create-directory__box__content__input--clear { - display: none; - } - - &.input-is-focused { - .directorist-create-directory__box__content__input--clear { - display: block; - } - } - } - - } - - @include e("input") { - 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; - - @include m("clear") { - position: absolute; - right: 40px; - top: 14px; - - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; - } - } - } - - @include e("location-icon") { - position: absolute; - right: 18px; - top: 14px; - - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; - } - } - } - } - - @include e("map") { - margin-top: 20px; - - #gmap { - height: 280px; - border-radius: 8px; - } - - .leaflet-touch .leaflet-bar a { - background: #ffffff; - } - } - - @include e("notice") { - position: absolute; - bottom: 10px; - left: 50%; - transform: translateX(-50%); - font-size: 12px; - font-weight: 600; - font-style: italic; - color: #f80718; - } -} - -// Keyword selected -.directorist-box { - display: flex; - align-items: flex-start; - flex-direction: column; - gap: 28px; - width: 100%; - - &__item { - width: 100%; - } - - &__label { - display: block; - color: #141921; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 20px; - margin-bottom: 8px; - } - - &__input-wrapper { - 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; - - &:hover, - &:focus { - border: 1px solid #3e62f5; - box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); - } - } - - &__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; - - &::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; - } - } - } - - &__tagList { - display: flex; - align-items: center; - align-content: center; - gap: 8px; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; - - li { - margin: 0; - - &:not(:only-child, :last-child) { - 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; - } - } - } - - &__recommended-list { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 8px; - padding: 0; - margin: 0; - &.recommend-disable{ - opacity: 0.5; - pointer-events: none; - } - - li { - 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; - - &:hover { - color: #383F47; - background-color: #E5E7EB; - } - - &.disabled { - display: none; - } - - &.free-disabled { - display: none; - - &:hover { - background-color: #cfd8dc; // Hover disabled for free users - } - } - } - } -} - -.directorist-box-options { - &__wrapper { - width: 100%; - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: wrap; - gap: 15px 10px; - margin-top: 12px; - } - - &__left { - display: flex; - align-items: center; - gap: 8px; - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - font-size: 14px; - font-weight: 400; - line-height: 24px; - } - - &__right { - font-size: 12px; - font-weight: 400; - line-height: 20px; - letter-spacing: 0.12px; - color: #555f6d; - display: inline-flex; - gap: 5px; - - strong { - font-weight: 500; - } - } - - &__hit-button { - 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: flex; - padding: 8px; - justify-content: space-between; - align-items: center; - align-self: stretch; - border-radius: 6px; - border: 1px solid #9eb0fa; - background: #f0f3ff; - - &-title { - display: flex; - padding: 8px; - align-items: flex-start; - gap: 10px; - color: #4d5761; - font-size: 14px; - font-weight: 400; - line-height: 20px; - - svg { - padding: 4px 8px; - width: 32px; - max-height: 16px; - color: #3e62f5; - } - } - - &-button { - a { - 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; - - &:hover { - background-color: #3e62f5; - border-color: #3e62f5; - color: white; - opacity: 0.85; - } - } - } -} - - -//Directory Generate -.directory-generate-btn { - margin-bottom: 20px; - - @include e("content") { - 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; - } - - &--bg { - position: absolute; - top: 0; - left: 0; - height: 100%; - background-image: linear-gradient(#EABAEB, #3E62F5); - transition: width 0.3s ease; - border-radius: 8px; - } - - svg { - width: 20px; - height: 20px; - } - - @include e("wrapper") { - position: relative; - width: 347px; - background-color: white; - border-radius: 5px; - margin: 0 auto; - margin-bottom: 20px; - } -} -.directory-generate-progress-list{ - margin-top: 34px; - ul{ - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - align-items: center; - gap: 18px; - li{ - 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; - svg{ - width: 20px; - height: 20px; - } - } - } - &__btn{ - 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; - svg{ - width: 20px; - height: 20px; - } - &.disabled{ - opacity: 0.5; - pointer-events: none; - } - } -} - -//Ai Generate box -.directorist-ai-generate-box { - background-color: white; - padding: 32px; - - &__header { - display: flex; - align-items: center; - gap: 12px; - margin-bottom: 32px; - - svg { - width:40px; - height: 40px; - flex-shrink: 0; - } - } - - &__title { - margin-left: 10px; - - h6 { - margin: 0; - color: #2c3239; - font-family: Inter; - font-size: 18px; - font-style: normal; - font-weight: 600; - line-height: 22px; - } - - p { - color:#4d5761; - font-size: 14px; - font-weight: 400; - line-height: 22px; - margin: 0; - } - } - - &__items { - 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; - } - - &__item { - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; - gap: 10px; - align-self: stretch; - - &.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%; - - &[aria-expanded="true"] { - .directorist-ai-generate-dropdown__header { - border-color: #e5e7eb; - } - } - - &__header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 14px 16px; - border-radius: 8px 8px 0 0; - border-bottom: 1px solid transparent; - &.has-options { - cursor: pointer; - } - &-title { - display: flex; - align-items: center; - } - - &-icon { - transition: transform 0.3s ease; - - &.rotate { - transform: rotate(180deg); - } - } - } - - &__pin-icon { - display: flex; - padding: 0px 12px 0px 6px; - align-items: center; - gap: 10px; - align-self: stretch; - border-right: 1px solid #D2D6DB; - color: #4D5761; - - &:hover { - color: #3E62F5; - } - - svg { - width: 20px; - height: 20px; - } - } - - &__title-icon { - display: flex; - align-items: center; - color: #4D5761; - font-size: 28px; - svg { - width: 28px; - height: 28px; - } - } - - &__title { - display: flex; - padding: 0px 12px 0px 24px; - align-items: center; - gap: 12px; - - &-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; - } - - p { - color: #747C89; - font-family: Inter; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 13.92px; - margin: 4px 0 0 0; - } - } - } - - - &__content { - display: none; - padding: 24px; - color: #747C89; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 13.92px; - - &[aria-expanded="true"], - &--expanded { - display: block; - } - } - - &__header-icon { - display: flex; - align-items: center; - color: #4D5761; - - svg { - width: 20px; - height: 20px; - } - } -} - -//location field -.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; - - span { - color: #747C89; - font-weight: 500; - } - } - - &__content { - ul { - padding: 0; - margin: 0; - list-style: none; - display: flex; - flex-direction: column; - gap: 12px; - - li { - 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; - - svg { - width: 20px; - height: 20px; - } - } - } - } -} - -//checkbox Field -.directorist-ai-checkbox-field { - &__label { - color: #4D5761; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 19px; - margin-bottom: 16px; - display: block; - } - - &__list { - display: flex; - align-items: flex-start; - align-content: flex-start; - gap: 10px 34px; - align-self: stretch; - flex-wrap: wrap; - } - - &__list-item { - display: flex; - height:32px; - align-items: center; - gap: 8px; - color: #4D5761; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; - - svg { - width: 24px; - height: 24px; - } - } - - &__items { - display: flex; - flex-direction: column; - gap: 24px; - } -} - -//keyword fields -.directorist-ai-keyword-field { - &__label { - color:#4D5761; - font-size: 14px; - font-weight: 600; - line-height: 19px; - margin-bottom: 16px; - display: block; - } - - &__list { - display: flex; - align-items: flex-start; - align-content: flex-start; - gap: 10px; - align-self: stretch; - flex-wrap: wrap; - } - - &__list-item { - &.--h-24 { - height: 24px; - } - - &.--h-32 { - height: 32px; - } - - &.--px-8 { - padding: 0px 8px; - } - - &.--px-12 { - padding: 0px 12px; - } - - 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; - - svg { - width: 20px; - height: 20px; - } - } - - &__items { - display: flex; - flex-direction: column; - gap: 24px; - } -} - -// Keyframes -@keyframes spin { - from { - transform: rotate(0deg); - } - - to { - transform: rotate(360deg); - } -} - - -/* data Progressing */ -.directorist-create-directory__step { - .directorist-create-directory__content { - &.hidden { - display: none; - } - } -} - -.middle-content { - &.middle-content-import { - 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; - } - - &.hidden { - display: none; - } -} - - -.directorist-import-progress-info-text { - display: flex; - align-items: center; - align-content: center; - grid-gap: 10px; -} - -.directorist-import-progress, -.directorist-import-error { - margin-top: 25px; - - .directorist-import-progress-bar-wrap { - position: relative; - overflow: hidden; - } - - .import-progress-gap { - span { - background: white; - height: 6px; - position: absolute; - width: 10px; - top: -1px; - - &:nth-child(1) { - left: calc(25% - 10px); - } - - &:nth-child(2) { - left: calc(50% - 10px); - } - - &:nth-child(3) { - left: calc(75% - 10px); - } - } - } - - .directorist-import-progress-bar-bg { - height: 4px; - background: #e5e7eb; - width: 100%; - position: relative; - - .directorist-import-progress-bar { - position: absolute; - left: 0; - top: 0; - background: #2563eb; - transition: all 1s; - width: 0%; - height: 100%; - - &.import-done { - background: #38c172; - } - } - } - - .directorist-import-progress-info { - 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; - } - - .directorist-import-progress-bar-bg { - width: 100%; - margin-bottom: 15px; - - .directorist-import-progress-bar { - background: #2563eb; - } - } -} - -.directorist-import-process-step-bottom { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - - img { - width: 335px; - text-align: center; - display: inline-block; - padding: 20px 10px 0; - } -} - -.import-done-congrats { - display: flex; - align-items: center; - - span { - margin-left: 17px; - } -} - -.import-done-section { - margin-top: 60px; - - .tweet-import-success { - .tweet-text { - background: #ffffff; - border: 1px solid rgba(34, 101, 235, 0.1); - border-radius: 4px; - padding: 14px 21px 14px 21px; - } - - .twitter-btn-wrap { - display: flex; - align-items: center; - gap: 7px; - right: 30px; - position: absolute; - margin-top: 8px; - text-decoration: none; - } - } - - .import-done-text { - margin-top: 60px; - - .import-done-counter { - text-align: left; - } - - .import-done-button { - margin-top: 25px; - } - } -} - -.directorist-import-done-inner, -.import-done-counter, -.import-done-section { - display: none; -} - -.import-done { - - .import-status-string, - .directorist-import-text-inner { - display: none; - } - - .import-done-counter, - .directorist-import-done-inner, - .import-done-section { - 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 diff --git a/assets/src/scss/layout/admin/icon-picker.css b/assets/src/scss/layout/admin/icon-picker.css deleted file mode 100644 index d80c0ae290..0000000000 --- a/assets/src/scss/layout/admin/icon-picker.css +++ /dev/null @@ -1,219 +0,0 @@ -.icon-picker { - position: fixed; - background-color: rgba(0, 0, 0, 0.35); - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 999; - 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%; - 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: #5A5F7D; - color: #fff; - font-size: 12px; - display: flex; - align-items: center; - justify-content: center; - position: absolute; - right: 20px; - top: 23px; - transition: 0.3s ease; -} -.icon-picker__close:hover { - color: #fff; - background: #222; -} -.icon-picker__sidebar { - width: 25%; - background: #eff0f3; - padding: 30px 20px; -} -.icon-picker__content { - width: 75%; - overflow: auto; -} -.icon-picker__content .icons-group h4 { - font-size: 16px; - font-weight: 500; - color: #272B41; - padding: 33px 0 27px 20px; - border-bottom: 1px solid #E3E6EF; - margin: 0; -} -.icon-picker__content .icons-group-icons { - padding: 17px 0 17px 17px; -} -.icon-picker__content .icons-group-icons .font-icon-btn { - margin: 5px 3px; - width: 70px; - height: 70px; - background: #F4F5F7; - border-radius: 5px; - font-size: 24px; - color: #868EAE; - border: 0 none; - transition: 0.3s ease; -} -.icon-picker__content .icons-group-icons .font-icon-btn.cptm-btn-primary { - background: #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; -} -.icon-picker__filter label { - 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::-moz-placeholder { - color: #797d93; -} -.icon-picker__filter input::placeholder { - 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; -} -.icon-picker__preview-icon { - font-size: 80px; - color: #272B41; - display: block !important; - text-align: center; -} -.icon-picker__preview-info { - display: flex; - justify-content: center; - margin-top: 15px; -} -.icon-picker__done-btn { - 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; -} - -.icon-picker-selector { - display: flex; - align-items: center; - margin: 0 -10px; -} -.icon-picker-selector__icon { - position: relative; - flex: 1; - margin: 0 10px; -} -.icon-picker-selector__icon .directorist-selected-icon { - position: absolute; - left: 15px; - top: 50%; - transform: translateY(-50%); -} -.icon-picker-selector__icon .cptm-form-control { - pointer-events: none; -} -.icon-picker-selector__icon__reset { - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); - cursor: pointer; - padding: 5px 15px; -} -.icon-picker-selector__btn { - margin: 0 10px; - height: 40px; - background: #DADCE0; - border-radius: 4px; - border: 0 none; - font-weight: 500; - padding: 0 30px; - cursor: pointer; -} - -.directorist-category-icon-picker { - margin-top: 10px; -} -.directorist-category-icon-picker .icon-picker-selector { - width: 100%; -} - -/* Responsive fix */ -@media only screen and (max-width: 1441px) { - .icon-picker__inner { - width: 825px; - height: 660px; - } -} -@media only screen and (max-width: 1199px) { - .icon-picker__inner { - width: 615px; - height: 500px; - } -} -@media only screen and (max-width: 767px) { - .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; - } -}/*# sourceMappingURL=icon-picker.css.map */ \ No newline at end of file diff --git a/assets/src/scss/layout/admin/icon-picker.scss b/assets/src/scss/layout/admin/icon-picker.scss deleted file mode 100644 index 6abe49afe9..0000000000 --- a/assets/src/scss/layout/admin/icon-picker.scss +++ /dev/null @@ -1,237 +0,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; - transition: opacity 0.3s ease, visibility 0.3s ease; - &__inner{ - width: 935px; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - background: white; - height: 800px; - display: flex; - overflow: hidden; - border-radius: 6px; - } - &__close{ - 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; - &:hover{ - color: #fff; - background-color: #222; - } - } - &__sidebar{ - width: 30%; - background-color: #eff0f3; - padding: 30px 20px; - box-sizing: border-box; - } - &__content{ - width: 70%; - overflow: auto; - .icons-group{ - padding-top: 80px; - 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%; - } - } - .icons-group-icons{ - padding: 17px 0 17px 17px; - .font-icon-btn{ - 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; - &.cptm-btn-primary{ - background-color: #3e62f5; - color: #fff; - font-size: 30px; - box-shadow: 0 3px 10px rgba(#272B41, 0.2); - border: 1px solid #E3E6EF; - } - } - } - } - &__filter{ - margin-bottom: 30px; - label{ - font-size: 14px; - font-weight: 500; - margin-bottom: 8px; - display: block; - } - input, - select{ - color: #797d93; - font-size: 14px; - height: 44px; - border: 1px solid #E3E6EF; - border-radius: 4px; - padding: 0 15px; - width: 100%; - } - input{ - &::placeholder{ - color: #797d93; - } - } - select{ - &:hover, - &:focus{ - color: #797d93; - } - } - } - - &.icon-picker-visible{ - visibility: visible; - opacity: 1; - pointer-events: auto; - } - - &__preview-icon{ - font-size: 80px; - color: #272B41; - display: block !important; - text-align: center; - } - &__preview-info{ - display: flex; - justify-content: center; - margin-top: 15px; - } - &__done-btn{ - 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; - } -} -.icon-picker-selector{ - display: flex; - align-items: center; - margin: 0 -10px; - &__icon{ - position: relative; - flex: 1; - margin: 0 10px; - .directorist-selected-icon{ - position: absolute; - left: 15px; - top: 50%; - transform: translateY(-50%); - } - .cptm-form-control{ - pointer-events: none; - } - &__reset{ - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); - cursor: pointer; - padding: 5px 15px; - } - } - &__btn{ - 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: flex; - .icon-picker-selector{ - width: 100%; - } -} - -/* Responsive fix */ -@media only screen and (max-width: 1441px){ - .icon-picker__inner{ - width: 825px; - height: 660px; - } -} -@media only screen and (max-width: 1199px){ - .icon-picker__inner{ - width: 615px; - height: 500px; - } -} -@media only screen and (max-width: 767px){ - .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; - } -} \ No newline at end of file diff --git a/assets/src/scss/layout/admin/multi-directory-archive.css b/assets/src/scss/layout/admin/multi-directory-archive.css deleted file mode 100644 index a3c61d1a81..0000000000 --- a/assets/src/scss/layout/admin/multi-directory-archive.css +++ /dev/null @@ -1,2710 +0,0 @@ -.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; -} - -.directorist-center-content { - display: flex; -} - -.directorist-center-content-inline { - display: inline-flex; -} - -.directorist-center-content, -.directorist-center-content-inline { - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} - -.directorist-text-right { - text-align: right; -} - -.directorist-text-center { - text-align: center; -} - -.directorist-text-left { - text-align: left; -} - -.directorist-mt-0 { - margin-top: 0 !important; -} - -.directorist-mt-5 { - margin-top: 5px !important; -} - -.directorist-mt-10 { - margin-top: 10px !important; -} - -.directorist-mt-15 { - margin-top: 15px !important; -} - -.directorist-mt-20 { - margin-top: 20px !important; -} - -.directorist-mt-30 { - margin-top: 30px !important; -} - -.directorist-mb-0 { - margin-bottom: 0 !important; -} - -.directorist-mb-35 { - margin-bottom: 35px !important; -} - -.directorist-mb-30 { - margin-bottom: 30px !important; -} - -.directorist-mb-25 { - margin-bottom: 25px !important; -} - -.directorist-mb-20 { - margin-bottom: 20px !important; -} - -.directorist-mb-n20 { - margin-bottom: -20px !important; -} - -.directorist-mb-15 { - margin-bottom: 15px !important; -} - -.directorist-mb-10 { - margin-bottom: 10px !important; -} - -.directorist-mb-40 { - margin-bottom: 40px !important; -} - -.directorist-mb-50 { - margin-bottom: 50px !important; -} - -.directorist-mb-70 { - margin-bottom: 70px !important; -} - -.directorist-mb-80 { - margin-bottom: 80px !important; -} - -.directorist-pb-100 { - padding-bottom: 100px !important; -} - -.directorist-w-100 { - width: 100% !important; - max-width: 100% !important; -} - -.directorist-draggable-list-item { - flex-grow: 1; -} - -.directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; -} - -.directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - flex-direction: column; - margin-bottom: -20px; -} - -.directorist-droppable-area { - 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; -} - -.directorist-droppable-item-preview-before { - margin-bottom: 20px; -} - -.directorist-droppable-item-preview-after { - margin-bottom: 20px; -} - -.directorist-draggable-form-list-wrap { - margin-right: 50px; -} - -.cptm-form-note { - 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; -} -.cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157CF6; -} -.cptm-form-note .cptm-form-note-content { - margin: 5px 0; -} -.cptm-form-note .cptm-form-note-content a { - color: #157CF6; -} - -#atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; -} -#atbdp_cpt_options_metabox .postbox-header { - display: none; -} - -.atbdp-cpt-manager { - display: block; - color: #23282d; - background: #fff; -} - -.atbdp-cptm-header { - display: block; -} -.atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; -} - -.atbdp-cptm-body { - display: block; -} - -.atbdp-cptm-footer { - display: block; - padding: 20px 10px; - background: #fff; -} - -.atbdp-cptm-footer-actions { - display: flex; - justify-content: center; - align-content: center; - flex-wrap: wrap; -} -.atbdp-cptm-footer-actions .cptm-btn { - font-weight: 500; - font-size: 15px; - height: 50px; - padding: 0 30px; -} - -.cptm-title-bar { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; -} - -.cptm-card-preview-widget .cptm-title-bar { - margin: 0; -} - -.cptm-title-bar-headings { - flex-grow: 1; - padding: 10px; -} - -.cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; -} - -.cptm-label-btn { - 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; - transition: all ease-in-out 300ms; - vertical-align: top; -} -.cptm-btn:disabled, -.cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; -} - -.cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; -} -.cptm-btn.cptm-btn-rounded { - border-radius: 30px; -} -.cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; -} -.cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; -} -.cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; -} -.cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; -} - -.cptm-file-input-wrap { - display: flex; - flex-wrap: wrap; -} -.cptm-file-input-wrap .cptm-btn { - flex-grow: 1; -} - -.cptm-btn-box { - display: block; -} - -.cptm-form-builder-group-field-drop-area { - display: block; - margin-right: 50px; - padding: 20px; - margin-bottom: 10px; - text-align: center; - background-color: #fff; - transition: all ease-in-out 300ms; - border: 1px dashed #c0c0c0; -} -.cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; -} - -.cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; -} - -.atbdp-cptm-status-feedback { - margin: 20px 0; -} - -.cptm-alert { - margin: 5px auto; - max-width: 500px; - padding: 10px 20px; - text-align: center; - color: #fff; - background-color: #3e62f5; - border-radius: 5px; -} - -.cptm-alert-success { - color: #fff; - background-color: #3e62f5; -} - -.cptm-alert-error { - color: #fff; - background-color: rgb(197, 22, 22); -} - -.cptm-dropable-element { - position: relative; -} - -.cptm-dropable-base-element { - 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; -} - -.cptm-dropable-placeholder { - 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; -} - -.cptm-dropable-inside { - padding: 10px; -} - -.cptm-dropable-area-inside { - display: block; - height: 100%; -} - -.cptm-dropable-area-right { - display: block; -} - -.cptm-dropable-area-left { - display: block; -} - -.cptm-dropable-area-right, -.cptm-dropable-area-left { - display: block; - float: left; - width: 50%; - height: 100%; -} - -.cptm-dropable-area-top { - display: block; -} - -.cptm-dropable-area-bottom { - display: block; -} - -.cptm-dropable-area-top, -.cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; -} - -.cptm-header-navigation { - margin: 0; - padding: 0; - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - background-color: #f4f5f7; - border-radius: 6px 6px 0 0; -} - -.cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - padding: 0 25px; -} -@media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } -} - -.cptm-header-nav__list-item-link { - display: block; - padding: 45px 0; - text-decoration: none; - border-right: 1px solid #f2f2f2; - transition: all ease-in-out 300ms; - background-color: #f4f5f7; - position: relative; - border-bottom: 2px solid transparent; -} -@media only screen and (max-width: 991px) { - .cptm-header-nav__list-item-link { - padding: 25px 0; - } -} -@media (max-width: 480px) { - .cptm-header-nav__list-item-link { - padding: 20px 0; - } -} -.cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; -} - -.cptm-header-nav__icon { - display: inline-flex; - margin-bottom: 15px; - min-width: 44px; - min-height: 44px; - text-align: center; - font-size: 18px; - text-align: center; - border-radius: 50%; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - transition: all ease-in-out 300ms; - align-items: center; - justify-content: center; -} - -.general .cptm-header-nav__icon { - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; -} -.general .active .cptm-header-nav__icon { - background-color: #3e62f5; -} - -.submission_form .cptm-header-nav__icon { - background: rgba(8, 191, 156, 0.1); - color: #08bf9c; -} -.submission_form .active .cptm-header-nav__icon { - background-color: #08bf9c; -} - -.single_page_layout .cptm-header-nav__icon { - background: rgba(250, 139, 12, 0.1); - color: #fa8b0c; -} -.single_page_layout .active .cptm-header-nav__icon { - background-color: #fa8b0c; -} - -.listings_card_layout .cptm-header-nav__icon { - background: rgba(44, 153, 255, 0.1); - color: #2c99ff; -} -.listings_card_layout .active .cptm-header-nav__icon { - background-color: #2c99ff; -} - -.search_forms .cptm-header-nav__icon { - background: rgba(255, 64, 140, 0.1); - color: #ff408c; -} -.search_forms .active .cptm-header-nav__icon { - background-color: #ff408c; -} - -.cptm-header-nav__label { - display: block; - font-weight: bold; - color: #5a5f7d; - transition: all ease-in-out 300ms; - font-size: 15px; -} - -.cptm-title-area { - margin: 0 auto 20px; -} - -.submission-form .cptm-title-area { - width: 100%; -} - -.tab-general .cptm-title-area { - margin-left: 0; -} - -.cptm-link-light { - color: #fff; -} -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; -} - -.cptm-color-white { - color: #fff; -} - -.cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; -} - -.cptm-mb-60 { - margin-bottom: 60px; -} - -.cptm-mr-5 { - margin-right: 5px; -} - -.cptm-title { - margin: 0; - font-size: 24px; - font-weight: bold; - color: #23282d; - line-height: 1.2; -} - -.atbdp-cptm-tab-contents { - display: block; - background-color: #fff; -} - -.atbdp-cptm-tab-item { - display: none; -} -.atbdp-cptm-tab-item.active { - display: block; -} - -.cptm-tab-content-header { - background-color: #f8f9fb; -} - -.cptm-tab-content-body { - display: block; -} - -.cptm-tab-content { - margin: 0 auto; - padding: 60px 75px; - min-height: 100px; - max-width: 700px; - box-sizing: border-box; -} -@media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 60px 25px; - } -} -@media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } -} -.cptm-tab-content.tab-wide { - max-width: 1200px; -} -.cptm-tab-content.tab-full-width { - max-width: 1200px; - padding: 60px 0; -} - -.cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; -} - -.cptm-tab-sub-content-item { - margin: 0 auto; - display: none; -} -.cptm-tab-sub-content-item.active { - display: block; -} - -.cptm-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.cptm-col-6 { - 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-section { - margin-bottom: 50px; -} -.cptm-section:last-child { - margin-bottom: 0; -} - -.cptm-form-builder-preset-fields { - margin: 0 auto; - max-width: 470px; -} - -.cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 50px; -} - -.cptm-title-3 { - 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; -} - -.cptm-form-builder-active-fields { - display: block; -} -.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; -} -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; -} - -.cptm-form-builder-active-fields-container { - margin: 0; - max-width: 428px; - background-color: #f4f5f7; - padding: 40px; - border-radius: 6px; -} -@media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } -} - -.cptm-form-builder-active-fields-footer { - text-align: left; -} -@media only screen and (max-width: 991px) { - .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 { - height: 43px; - background: rgba(62, 98, 245, 0.1); - border: 0 none; - font-size: 14px; - font-weight: 500; -} - -.cptm-form-builder-active-fields-group { - position: relative; - padding-bottom: 5px; -} - -.cptm-form-builder-group-header-section { - margin-bottom: 20px; -} - -.cptm-form-builder-group-header { - display: flex; - align-items: center; -} - -.cptm-form-builder-group-title-area { - display: flex; - flex-grow: 1; - padding: 15px 20px; - box-sizing: border-box; - border-radius: 4px; - background-color: #444752; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); -} - -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; -} - -.cptm-form-builder-group-title-area__dropable-wrapper { - flex-grow: 1; -} - -.cptm-no-wrap { - flex-wrap: nowrap; -} - -.cptm-card-top-area { - 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; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - right: 20px; - top: 50%; - transform: translateY(-50%); - pointer-events: none; -} - -.cptm-card-placeholder-row { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; -} - -.cptm-card-placeholder-col { - flex-grow: 1; - padding: 0 10px; -} - -.cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; -} - -.cptm-form-builder-group-title-actions { - display: block; -} -.cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - color: #fff; -} - -.cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-left: 15px; -} - -.cptm-form-builder-group-title { - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; -} - -.cptm-form-builder-group-options { - background-color: #fff; - margin: -5px 50px 0 0; - padding: 22px 25px 25px; - box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1); -} - -.cptm-form-builder-group-fields { - display: block; - position: relative; -} - -.cptm-restricted-area { - 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: 20px; - position: relative; - margin-right: 50px; - border-radius: 4px; -} - -.cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - transform: translate(34px, 7px); -} - -.cptm-form-builder-group-field-item-action-link { - 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); -} - -.action-trash:hover { - background-color: #d7d7d7; -} -.action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); -} - -.cptm-form-builder-group-field-item-header-actions { - margin-left: 10px; - background-color: #fff; -} - -.cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 12px; - margin-left: 5px; - transition: all ease-in-out 300ms; - opacity: 0.5; -} -.cptm-form-builder-header-action-link:hover { - opacity: 1; -} - -.action-collapse-up span, -.action-collapse-up span::before { - transition: all ease-in-out 300ms; - transform: rotate(0); -} - -.action-collapse-down span, -.action-collapse-down span::before { - transition: all ease-in-out 300ms; - transform: rotate(180deg); -} - -.cptm-form-builder-group-field-item-header { - display: flex; - position: relative; - justify-content: space-between; - padding: 15px 20px; - cursor: move; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - border-radius: 4px; - background-color: #fff; - z-index: 8; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 { - font-size: 14px; - color: #272b41; -} - -.cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; -} -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - 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 .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; -} - -.cptm-form-builder-field-list { - margin: -5px -5px -5px -5px; - padding: 0; - display: flex; - flex-wrap: wrap; -} - -.cptm-form-builder-field-list-item { - list-style: none; - width: calc(50% - 10px); - margin: 5px; - background-color: #f4f5f7; - padding: 14px 18px; - box-sizing: border-box; - border-radius: 4px; - display: flex; - align-items: center; - flex-wrap: wrap; -} -.cptm-form-builder-field-list-item.clickable { - cursor: pointer; -} -.cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; -} -@media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 10px); - } -} - -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; -} - -.cptm-form-builder-field-list-icon { - display: inline-block; - margin-right: 4px; - width: 22px; - font-size: 18px; - color: #272b41; -} - -.cptm-form-builder-field-list-label { - display: inline-block; - font-size: 14px; - font-weight: 500; - color: #272b41; -} - -.cptm-info-text-area { - margin-bottom: 10px; -} - -.cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; -} - -.cptm-info-success { - color: #00B158; -} - -.cptm-mb-0 { - margin-bottom: 0 !important; -} - -.cptm-item-footer-drop-area { - 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); -} -.cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; -} - -.cptm-form-builder-group-field-item-drop-area { - 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); -} - -.cptm-checkbox-area, -.cptm-options-area { - display: flex; - flex-direction: column; - margin: 10px 0; - right: 0; - left: 0; -} - -.cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -@media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } -} -.cptm-checkbox-item, -.cptm-radio-item { - display: flex; - margin-right: 20px; -} - -#listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -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::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=radio].cptm-radio { - margin-top: 1px; -} - -.cptm-form-range-wrap { - display: inline-flex; - flex-wrap: wrap; -} -.cptm-form-range-wrap .cptm-form-range-bar { - flex-grow: 1; -} -.cptm-form-range-wrap .cptm-form-range-output { - width: 30px; -} -.cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; -} - -.cptm-checkbox-ui { - 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; -} -.cptm-checkbox-ui:after { - 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; -} - -.cptm-thumbnail { - 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; -} - -.cptm-thumbnail-placeholder { - display: flex; - align-items: center; - justify-content: center; - min-height: 240px; -} - -.cptm-thumbnail-placeholder-icon { - font-size: 120px; - color: gainsboro; -} - -.cptm-thumbnail-img-wrap { - 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; - transition: all ease-in-out 300ms; -} - -.cptm-sub-navigation { - padding: 0; - margin: 0; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-sub-nav__item { - 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: #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; -} - -.cptm-builder-section { - display: flex; - flex-wrap: wrap; - position: relative; -} - -.cptm-options-area { - width: 300px; -} - -.cptm-option-card { - 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 { - transform: rotate3d(0, 1, 0, 45deg); -} -.cptm-option-card.cptm-animation-slide-up { - transform: translate(0, 30px); -} -.cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; -} -.cptm-option-card.active.cptm-animation-flip { - transform: rotate3d(0, 0, 0, 0deg); -} -.cptm-option-card.active.cptm-animation-slide-up { - transform: translate(0, 0); -} - -.cptm-anchor-down { - 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; -} - -.cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - transition: all ease-in-out 300ms; -} -.cptm-header-action-link:hover { - color: #fff; -} - -.cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; -} - -.cptm-option-card-header-title-section { - display: flex; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; -} - -.cptm-option-card-header-title { - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; -} - -.cptm-header-action-area { - display: flex; - padding: 0 0 0 10px; - justify-content: center; - align-items: center; -} - -.cptm-option-card-header-nav-section { - display: block; -} - -.cptm-option-card-header-nav { - 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; - 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); -} - -.cptm-option-card-body { - 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; -} -.cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: block; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector .icon-picker-selector__btn { - margin-top: 10px; -} - -.cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - transform: translate(-50%, 50%); -} - -.cptm-widget-insert-wrap { - position: relative; -} - -.cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - transform: translate(-50%, -100%); - pointer-events: none; -} -.cptm-widget-insert-modal-container.active { - 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; - 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; -} - -.cptm-widget-card-drop-prepend { - border-radius: 10px; -} - -.cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 10px; - 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; -} -.cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; -} - -.cptm-widget-card-wrap { - visibility: visible; -} - -.cptm-widget-card-inline-wrap { - display: inline-flex; - vertical-align: top; -} -.cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - flex: 1; -} -.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - 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; -} - -.cptm-list-item { - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; -} -.cptm-list-item .cptm-list-item-icon { - width: 25px; -} -.cptm-list-item .cptm-list-item-label { - flex-grow: 1; -} - -.cptm-list-item-card { - 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); - transition: 0.3s ease; - position: relative; -} - -.cptm-preview-area { - flex-grow: 1; - padding: 0 20px; -} -@media (max-width: 400px) { - .cptm-preview-area { - padding: 0; - } -} - -.cptm-placeholder-blcok { - 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-label { - 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; -} - -.cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; -} - -.cptm-center-content { - display: flex; - height: 100%; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} -.cptm-center-content.cptm-content-wide * { - flex-grow: 1; -} - -.cptm-mb-10 { - margin-bottom: 10px !important; -} - -.cptm-mb-20 { - margin-bottom: 20px !important; -} - -.cptm-listing-card-body-header { - display: flex; - flex-wrap: wrap; -} - -.cptm-align-left { - text-align: left; -} - -.cptm-listing-card-body-header-left { - flex-grow: 1; -} - -.cptm-listing-card-body-header-right { - width: 100px; - margin-left: 10px; -} - -.cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; -} - -.cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 10px; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; -} -.cptm-card-preview-widget.cptm-card-list-view { - display: flex; - flex-wrap: wrap; - max-width: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; -} -.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-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; -} - -.cptm-listing-card-preview-header { - display: block; - flex-grow: 1; -} - -.cptm-listing-card-content { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; -} - -.cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - box-sizing: border-box; -} - -.cptm-card-preview-thumbnail-placeholer { - height: 100%; -} - -.cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-listing-card-preview-quick-info-placeholder { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail-bg { - 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); -} - -.cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; -} - -.cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-top-right-placeholder { - text-align: right; -} - -.cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; -} - -.cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; -} - -.cptm-listing-card-preview-body { - 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); - 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); -} -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background: #fff; - color: #5a5f7d; -} - -.cptm-placeholder-author-thumb { - margin: 0; -} -.cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background: #c6d0dc; - border: 4px solid #fff; -} - -.cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; -} - -.cptm-has-widget-control { - position: relative; -} -.cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; -} - -.cptm-form-group-row { - display: flex; - flex-wrap: wrap; -} - -.cptm-form-group-col { - flex-grow: 1; - flex-basis: 50%; -} - -.cptm-form-group-info { - color: gray; - margin-bottom: 5px; -} - -.cptm-widget-actions-tools { - position: absolute; - width: 75px; - background: #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; -} - -.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; - transition: 0.3s ease; - z-index: 1; -} -.cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; -} -.cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; -} - -.cptm-widget-control-wrap { - 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: 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%; - 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; -} -.cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - -.hide { - display: none; -} - -.cptm-widget-control-action { - 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; -} - -.cptm-listing-card-preview-body-placeholder { - 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 .cptm-placeholder-label { - color: #a1a8c6; -} - -.cptm-listing-card-preview-footer { - display: flex; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; -} - -.cptm-listing-card-preview-footer-left-placeholder { - 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-right-placeholder { - 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 .cptm-widget-preview-area { - display: flex; - justify-content: flex-end; - align-items: center; -} - -.cptm-card-light.cptm-placeholder-blcok { - 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-label { - color: #23282d; -} -.cptm-card-light .cptm-widget-badge { - color: #969DB8; - background-color: #EFF0F3; -} - -.cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background: #fff; -} -.cptm-card-dark-light .cptm-widget-badge { - 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; -} - -.cptm-widgets-header { - display: block; -} - -.cptm-widget-nav { - display: flex; - flex-wrap: wrap; - margin: 0; -} - -.cptm-widget-nav-item { - 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; -} -.cptm-widget-nav-item:hover { - color: #2b2b2b; -} -.cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; -} - -.cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; -} - -.cptm-widgets-list { - display: block; - margin: 0; -} - -.cptm-widgets-list-item { - display: block; -} - -.widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; -} - -.cptm-widgets-sub-list { - 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; -} - -.widget-icon { - display: inline-block; - margin-right: 5px; -} - -.widget-label { - display: inline-block; -} - -.cptm-form-group { - display: block; - margin-bottom: 20px; -} -.cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #272b41; - margin-bottom: 9px; -} -.cptm-form-group .cptm-form-control { - max-width: 100%; -} -.cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); -} - -.cptm-form-group-feedback { - display: block; -} - -.cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - transition: all ease-in-out 300ms; -} -.cptm-form-alert.cptm-error { - color: #c82424; -} - -.cptm-input-toggle-wrap { - display: flex; - flex-wrap: wrap; - align-items: center; -} -.cptm-input-toggle-wrap label { - padding-right: 10px; - flex-grow: 1; - margin-bottom: 0; -} - -.cptm-input-toggle { - display: inline-block; - position: relative; - width: 50px; - height: 25px; - 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; - transition: all ease-in-out 300ms; -} -.cptm-input-toggle.active { - background-color: #3e62f5; -} -.cptm-input-toggle.active::after { - left: 100%; - transform: translateX(calc(-100% - 10px)); -} - -.cptm-multi-option-group { - display: block; - margin-bottom: 20px; -} -.cptm-multi-option-group .cptm-btn { - margin: 0; -} - -.cptm-multi-option-label { - display: block; -} - -.cptm-multi-option-group-section-draft { - display: flex; - flex-wrap: wrap; - margin: -8px; -} -.cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - flex: 1; -} -.cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; -} -.cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; -} -.cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; -} - -.cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; -} - -.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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -.cptm-form-control:hover, -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 input[type=text].cptm-form-control:hover { - color: #23282d; -} - -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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -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; -} -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: #fff; -} - -.tab-general .cptm-title-area, -.tab-other .cptm-title-area { - margin-left: 0; -} -.tab-general .cptm-form-group .cptm-form-control, -.tab-other .cptm-form-group .cptm-form-control { - background: #fff; - border: 1px solid #e3e6ef; -} - -.tab-preview_image .cptm-title-area, -.tab-packages .cptm-title-area, -.tab-other .cptm-title-area { - 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; -} - -.cptm-modal-container { - 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; -} - -.cptm-modal-wrap { - 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: #fff; -} - -.cptm-modal-header { - 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; -} - -.cptm-modal-actions { - 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; -} - -.cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; -} - -.cptm-section-alert-area { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - min-height: 200px; -} - -.cptm-section-alert-content { - text-align: center; - padding: 10px; -} - -.cptm-section-alert-icon { - 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; -} -.cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; -} - -.cptm-color-picker-wrap { - display: inline-flex; -} - -.cptm-color-picker-label { - display: flex; - align-items: center; - margin-left: 10px; -} - -.cptm-wdget-title { - display: flex; - justify-content: space-between; -} - -.atbdp-flex-align-center { - display: flex; - align-items: center; -} - -.cptm-px-5 { - padding: 0 5px; -} - -.cptm-text-gray { - color: #c1c1c1; -} - -.cptm-text-right { - text-align: right !important; -} - -.cptm-text-center { - text-align: center !important; -} - -.cptm-text-left { - text-align: left !important; -} - -.cptm-d-block { - display: block !important; -} - -.cptm-d-inline { - display: inline-block !important; -} - -.cptm-d-inline-flex { - display: inline-flex !important; - flex-wrap: wrap; -} - -.cptm-d-none { - display: none !important; -} - -.cptm-p-20 { - padding: 20px; -} - -.cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; -} - -input[type=radio]:checked::before { - background-color: #3e62f5; -} - -@media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } -} - -.atbdp-sidebar-nav-area { - display: block; -} - -.atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; -} - -.atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; -} - -.atbdp-nav-icon { - display: inline-block; - margin-right: 10px; -} - -.atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-nav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; -} -.atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; -} - -.atbdp-sidebar-subnav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; -} -.atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.atbdp-col { - padding: 0 15px; - flex-grow: 1; - box-sizing: border-box; -} - -.atbdp-col-3 { - flex-basis: 25%; - width: 25%; -} - -.atbdp-col-4 { - flex-basis: 33.3333333333%; - width: 33.3333333333%; -} - -.atbdp-col-8 { - flex-basis: 66.6666666667%; - width: 66.6666666667%; -} - -.shrink { - max-width: 300px; -} - -.directorist_dropdown { - position: relative; -} -.directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - font-size: 14px; - font-weight: 500; - background-color: #F4F5F7; - color: #5A5F7D; - border-radius: 4px; - padding: 13px 15px; - line-height: 1; -} -.directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - box-shadow: 0 0; -} -.directorist_dropdown .directorist_dropdown-toggle:before { - font-family: "Font Awesome 5 Free"; - font-weight: 900; - font-size: 18px; - float: right; - content: "\f107"; -} -.directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - 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; - overflow-y: auto; -} -.directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; -} -.directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; -} -.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; -} -.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: #f2f2f2; -} - -.cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; -} - -/* Sticky fields */ -.cptm-col-sticky { - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; -}/*# sourceMappingURL=multi-directory-archive.css.map */ \ No newline at end of file diff --git a/assets/src/scss/layout/admin/multi-directory-archive.scss b/assets/src/scss/layout/admin/multi-directory-archive.scss deleted file mode 100644 index 2aaefd25e1..0000000000 --- a/assets/src/scss/layout/admin/multi-directory-archive.scss +++ /dev/null @@ -1 +0,0 @@ -@import './builder/builder_style'; \ No newline at end of file diff --git a/assets/src/scss/layout/admin/multi-directory-builder.css b/assets/src/scss/layout/admin/multi-directory-builder.css deleted file mode 100644 index e804c4a39e..0000000000 --- a/assets/src/scss/layout/admin/multi-directory-builder.css +++ /dev/null @@ -1,2935 +0,0 @@ -.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; -} - -.directorist-center-content { - display: flex; -} - -.directorist-center-content-inline { - display: inline-flex; -} - -.directorist-center-content, -.directorist-center-content-inline { - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} - -.directorist-text-right { - text-align: right; -} - -.directorist-text-center { - text-align: center; -} - -.directorist-text-left { - text-align: left; -} - -.directorist-mt-0 { - margin-top: 0 !important; -} - -.directorist-mt-5 { - margin-top: 5px !important; -} - -.directorist-mt-10 { - margin-top: 10px !important; -} - -.directorist-mt-15 { - margin-top: 15px !important; -} - -.directorist-mt-20 { - margin-top: 20px !important; -} - -.directorist-mt-30 { - margin-top: 30px !important; -} - -.directorist-mb-0 { - margin-bottom: 0 !important; -} - -.directorist-mb-35 { - margin-bottom: 35px !important; -} - -.directorist-mb-30 { - margin-bottom: 30px !important; -} - -.directorist-mb-25 { - margin-bottom: 25px !important; -} - -.directorist-mb-20 { - margin-bottom: 20px !important; -} - -.directorist-mb-n20 { - margin-bottom: -20px !important; -} - -.directorist-mb-15 { - margin-bottom: 15px !important; -} - -.directorist-mb-10 { - margin-bottom: 10px !important; -} - -.directorist-mb-40 { - margin-bottom: 40px !important; -} - -.directorist-mb-50 { - margin-bottom: 50px !important; -} - -.directorist-mb-70 { - margin-bottom: 70px !important; -} - -.directorist-mb-80 { - margin-bottom: 80px !important; -} - -.directorist-pb-100 { - padding-bottom: 100px !important; -} - -.directorist-w-100 { - width: 100% !important; - max-width: 100% !important; -} - -.directorist-draggable-list-item { - flex-grow: 1; -} - -.directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; -} - -.directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - flex-direction: column; - margin-bottom: -20px; -} - -.directorist-droppable-area { - 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; -} - -.directorist-droppable-item-preview-before { - margin-bottom: 20px; -} - -.directorist-droppable-item-preview-after { - margin-bottom: 20px; -} - -.directorist-draggable-form-list-wrap { - margin-right: 50px; -} - -.cptm-form-note { - 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; -} -.cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157CF6; -} -.cptm-form-note .cptm-form-note-content { - margin: 5px 0; -} -.cptm-form-note .cptm-form-note-content a { - color: #157CF6; -} - -#atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; -} -#atbdp_cpt_options_metabox .postbox-header { - display: none; -} - -.atbdp-cpt-manager { - display: block; - color: #23282d; - background: #fff; -} - -.atbdp-cptm-header { - display: block; -} -.atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; -} - -.atbdp-cptm-body { - display: block; -} - -.atbdp-cptm-footer { - display: block; - padding: 20px 10px; - background: #fff; -} - -.atbdp-cptm-footer-actions { - display: flex; - justify-content: center; - align-content: center; - flex-wrap: wrap; -} -.atbdp-cptm-footer-actions .cptm-btn { - font-weight: 500; - font-size: 15px; - height: 50px; - padding: 0 30px; -} - -.cptm-title-bar { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; -} - -.cptm-card-preview-widget .cptm-title-bar { - margin: 0; -} - -.cptm-title-bar-headings { - flex-grow: 1; - padding: 10px; -} - -.cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; -} - -.cptm-label-btn { - 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; - transition: all ease-in-out 300ms; - vertical-align: top; -} -.cptm-btn:disabled, -.cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; -} - -.cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; -} -.cptm-btn.cptm-btn-rounded { - border-radius: 30px; -} -.cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; -} -.cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; -} -.cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; -} -.cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; -} - -.cptm-file-input-wrap { - display: flex; - flex-wrap: wrap; -} -.cptm-file-input-wrap .cptm-btn { - flex-grow: 1; -} - -.cptm-btn-box { - display: block; -} - -.cptm-form-builder-group-field-drop-area { - display: block; - margin-right: 50px; - padding: 20px; - margin-bottom: 10px; - text-align: center; - background-color: #fff; - transition: all ease-in-out 300ms; - border: 1px dashed #c0c0c0; -} -.cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; -} - -.cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; -} - -.atbdp-cptm-status-feedback { - margin: 20px 0; -} - -.cptm-alert { - margin: 5px auto; - max-width: 500px; - padding: 10px 20px; - text-align: center; - color: #fff; - background-color: #3e62f5; - border-radius: 5px; -} - -.cptm-alert-success { - color: #fff; - background-color: #3e62f5; -} - -.cptm-alert-error { - color: #fff; - background-color: rgb(197, 22, 22); -} - -.cptm-dropable-element { - position: relative; -} - -.cptm-dropable-base-element { - 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; -} - -.cptm-dropable-placeholder { - 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; -} - -.cptm-dropable-inside { - padding: 10px; -} - -.cptm-dropable-area-inside { - display: block; - height: 100%; -} - -.cptm-dropable-area-right { - display: block; -} - -.cptm-dropable-area-left { - display: block; -} - -.cptm-dropable-area-right, -.cptm-dropable-area-left { - display: block; - float: left; - width: 50%; - height: 100%; -} - -.cptm-dropable-area-top { - display: block; -} - -.cptm-dropable-area-bottom { - display: block; -} - -.cptm-dropable-area-top, -.cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; -} - -.cptm-header-navigation { - margin: 0; - padding: 0; - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - background-color: #f4f5f7; - border-radius: 6px 6px 0 0; -} - -.cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - padding: 0 25px; -} -@media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } -} - -.cptm-header-nav__list-item-link { - display: block; - padding: 45px 0; - text-decoration: none; - border-right: 1px solid #f2f2f2; - transition: all ease-in-out 300ms; - background-color: #f4f5f7; - position: relative; - border-bottom: 2px solid transparent; -} -@media only screen and (max-width: 991px) { - .cptm-header-nav__list-item-link { - padding: 25px 0; - } -} -@media (max-width: 480px) { - .cptm-header-nav__list-item-link { - padding: 20px 0; - } -} -.cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; -} - -.cptm-header-nav__icon { - display: inline-flex; - margin-bottom: 15px; - min-width: 44px; - min-height: 44px; - text-align: center; - font-size: 18px; - text-align: center; - border-radius: 50%; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - transition: all ease-in-out 300ms; - align-items: center; - justify-content: center; -} - -.general .cptm-header-nav__icon { - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; -} -.general .active .cptm-header-nav__icon { - background-color: #3e62f5; -} - -.submission_form .cptm-header-nav__icon { - background: rgba(8, 191, 156, 0.1); - color: #08bf9c; -} -.submission_form .active .cptm-header-nav__icon { - background-color: #08bf9c; -} - -.single_page_layout .cptm-header-nav__icon { - background: rgba(250, 139, 12, 0.1); - color: #fa8b0c; -} -.single_page_layout .active .cptm-header-nav__icon { - background-color: #fa8b0c; -} - -.listings_card_layout .cptm-header-nav__icon { - background: rgba(44, 153, 255, 0.1); - color: #2c99ff; -} -.listings_card_layout .active .cptm-header-nav__icon { - background-color: #2c99ff; -} - -.search_forms .cptm-header-nav__icon { - background: rgba(255, 64, 140, 0.1); - color: #ff408c; -} -.search_forms .active .cptm-header-nav__icon { - background-color: #ff408c; -} - -.cptm-header-nav__label { - display: block; - font-weight: bold; - color: #5a5f7d; - transition: all ease-in-out 300ms; - font-size: 15px; -} - -.cptm-title-area { - margin: 0 auto 20px; -} - -.submission-form .cptm-title-area { - width: 100%; -} - -.tab-general .cptm-title-area { - margin-left: 0; -} - -.cptm-link-light { - color: #fff; -} -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; -} - -.cptm-color-white { - color: #fff; -} - -.cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; -} - -.cptm-mb-60 { - margin-bottom: 60px; -} - -.cptm-mr-5 { - margin-right: 5px; -} - -.cptm-title { - margin: 0; - font-size: 24px; - font-weight: bold; - color: #23282d; - line-height: 1.2; -} - -.atbdp-cptm-tab-contents { - display: block; - background-color: #fff; -} - -.atbdp-cptm-tab-item { - display: none; -} -.atbdp-cptm-tab-item.active { - display: block; -} - -.cptm-tab-content-header { - background-color: #f8f9fb; -} - -.cptm-tab-content-body { - display: block; -} - -.cptm-tab-content { - margin: 0 auto; - padding: 60px 75px; - min-height: 100px; - max-width: 700px; - box-sizing: border-box; -} -@media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 60px 25px; - } -} -@media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } -} -.cptm-tab-content.tab-wide { - max-width: 1200px; -} -.cptm-tab-content.tab-full-width { - max-width: 1200px; - padding: 60px 0; -} - -.cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; -} - -.cptm-tab-sub-content-item { - margin: 0 auto; - display: none; -} -.cptm-tab-sub-content-item.active { - display: block; -} - -.cptm-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.cptm-col-6 { - 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-section { - margin-bottom: 50px; -} -.cptm-section:last-child { - margin-bottom: 0; -} - -.cptm-form-builder-preset-fields { - margin: 0 auto; - max-width: 470px; -} - -.cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 50px; -} - -.cptm-title-3 { - 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; -} - -.cptm-form-builder-active-fields { - display: block; -} -.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; -} -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; -} - -.cptm-form-builder-active-fields-container { - margin: 0; - max-width: 428px; - background-color: #f4f5f7; - padding: 40px; - border-radius: 6px; -} -@media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } -} - -.cptm-form-builder-active-fields-footer { - text-align: left; -} -@media only screen and (max-width: 991px) { - .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 { - height: 43px; - background: rgba(62, 98, 245, 0.1); - border: 0 none; - font-size: 14px; - font-weight: 500; -} - -.cptm-form-builder-active-fields-group { - position: relative; - padding-bottom: 5px; -} - -.cptm-form-builder-group-header-section { - margin-bottom: 20px; -} - -.cptm-form-builder-group-header { - display: flex; - align-items: center; -} - -.cptm-form-builder-group-title-area { - display: flex; - flex-grow: 1; - padding: 15px 20px; - box-sizing: border-box; - border-radius: 4px; - background-color: #444752; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); -} - -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; -} - -.cptm-form-builder-group-title-area__dropable-wrapper { - flex-grow: 1; -} - -.cptm-no-wrap { - flex-wrap: nowrap; -} - -.cptm-card-top-area { - 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; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - right: 20px; - top: 50%; - transform: translateY(-50%); - pointer-events: none; -} - -.cptm-card-placeholder-row { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; -} - -.cptm-card-placeholder-col { - flex-grow: 1; - padding: 0 10px; -} - -.cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; -} - -.cptm-form-builder-group-title-actions { - display: block; -} -.cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - color: #fff; -} - -.cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-left: 15px; -} - -.cptm-form-builder-group-title { - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; -} - -.cptm-form-builder-group-options { - background-color: #fff; - margin: -5px 50px 0 0; - padding: 22px 25px 25px; - box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1); -} - -.cptm-form-builder-group-fields { - display: block; - position: relative; -} - -.cptm-restricted-area { - 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: 20px; - position: relative; - margin-right: 50px; - border-radius: 4px; -} - -.cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - transform: translate(34px, 7px); -} - -.cptm-form-builder-group-field-item-action-link { - 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); -} - -.action-trash:hover { - background-color: #d7d7d7; -} -.action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); -} - -.cptm-form-builder-group-field-item-header-actions { - margin-left: 10px; - background-color: #fff; -} - -.cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 12px; - margin-left: 5px; - transition: all ease-in-out 300ms; - opacity: 0.5; -} -.cptm-form-builder-header-action-link:hover { - opacity: 1; -} - -.action-collapse-up span, -.action-collapse-up span::before { - transition: all ease-in-out 300ms; - transform: rotate(0); -} - -.action-collapse-down span, -.action-collapse-down span::before { - transition: all ease-in-out 300ms; - transform: rotate(180deg); -} - -.cptm-form-builder-group-field-item-header { - display: flex; - position: relative; - justify-content: space-between; - padding: 15px 20px; - cursor: move; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - border-radius: 4px; - background-color: #fff; - z-index: 8; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 { - font-size: 14px; - color: #272b41; -} - -.cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; -} -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - 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 .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; -} - -.cptm-form-builder-field-list { - margin: -5px -5px -5px -5px; - padding: 0; - display: flex; - flex-wrap: wrap; -} - -.cptm-form-builder-field-list-item { - list-style: none; - width: calc(50% - 10px); - margin: 5px; - background-color: #f4f5f7; - padding: 14px 18px; - box-sizing: border-box; - border-radius: 4px; - display: flex; - align-items: center; - flex-wrap: wrap; -} -.cptm-form-builder-field-list-item.clickable { - cursor: pointer; -} -.cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; -} -@media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 10px); - } -} - -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; -} - -.cptm-form-builder-field-list-icon { - display: inline-block; - margin-right: 4px; - width: 22px; - font-size: 18px; - color: #272b41; -} - -.cptm-form-builder-field-list-label { - display: inline-block; - font-size: 14px; - font-weight: 500; - color: #272b41; -} - -.cptm-info-text-area { - margin-bottom: 10px; -} - -.cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; -} - -.cptm-info-success { - color: #00B158; -} - -.cptm-mb-0 { - margin-bottom: 0 !important; -} - -.cptm-item-footer-drop-area { - 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); -} -.cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; -} - -.cptm-form-builder-group-field-item-drop-area { - 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); -} - -.cptm-checkbox-area, -.cptm-options-area { - display: flex; - flex-direction: column; - margin: 10px 0; - right: 0; - left: 0; -} - -.cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -@media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } -} -.cptm-checkbox-item, -.cptm-radio-item { - display: flex; - margin-right: 20px; -} - -#listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -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::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=radio].cptm-radio { - margin-top: 1px; -} - -.cptm-form-range-wrap { - display: inline-flex; - flex-wrap: wrap; -} -.cptm-form-range-wrap .cptm-form-range-bar { - flex-grow: 1; -} -.cptm-form-range-wrap .cptm-form-range-output { - width: 30px; -} -.cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; -} - -.cptm-checkbox-ui { - 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; -} -.cptm-checkbox-ui:after { - 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; -} - -.cptm-thumbnail { - 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; -} - -.cptm-thumbnail-placeholder { - display: flex; - align-items: center; - justify-content: center; - min-height: 240px; -} - -.cptm-thumbnail-placeholder-icon { - font-size: 120px; - color: gainsboro; -} - -.cptm-thumbnail-img-wrap { - 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; - transition: all ease-in-out 300ms; -} - -.cptm-sub-navigation { - padding: 0; - margin: 0; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-sub-nav__item { - 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: #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; -} - -.cptm-builder-section { - display: flex; - flex-wrap: wrap; - position: relative; -} - -.cptm-options-area { - width: 300px; -} - -.cptm-option-card { - 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 { - transform: rotate3d(0, 1, 0, 45deg); -} -.cptm-option-card.cptm-animation-slide-up { - transform: translate(0, 30px); -} -.cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; -} -.cptm-option-card.active.cptm-animation-flip { - transform: rotate3d(0, 0, 0, 0deg); -} -.cptm-option-card.active.cptm-animation-slide-up { - transform: translate(0, 0); -} - -.cptm-anchor-down { - 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; -} - -.cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - transition: all ease-in-out 300ms; -} -.cptm-header-action-link:hover { - color: #fff; -} - -.cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; -} - -.cptm-option-card-header-title-section { - display: flex; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; -} - -.cptm-option-card-header-title { - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; -} - -.cptm-header-action-area { - display: flex; - padding: 0 0 0 10px; - justify-content: center; - align-items: center; -} - -.cptm-option-card-header-nav-section { - display: block; -} - -.cptm-option-card-header-nav { - 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; - 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); -} - -.cptm-option-card-body { - 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; -} -.cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: block; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector .icon-picker-selector__btn { - margin-top: 10px; -} - -.cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - transform: translate(-50%, 50%); -} - -.cptm-widget-insert-wrap { - position: relative; -} - -.cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - transform: translate(-50%, -100%); - pointer-events: none; -} -.cptm-widget-insert-modal-container.active { - 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; - 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; -} - -.cptm-widget-card-drop-prepend { - border-radius: 10px; -} - -.cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 10px; - 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; -} -.cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; -} - -.cptm-widget-card-wrap { - visibility: visible; -} - -.cptm-widget-card-inline-wrap { - display: inline-flex; - vertical-align: top; -} -.cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - flex: 1; -} -.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - 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; -} - -.cptm-list-item { - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; -} -.cptm-list-item .cptm-list-item-icon { - width: 25px; -} -.cptm-list-item .cptm-list-item-label { - flex-grow: 1; -} - -.cptm-list-item-card { - 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); - transition: 0.3s ease; - position: relative; -} - -.cptm-preview-area { - flex-grow: 1; - padding: 0 20px; -} -@media (max-width: 400px) { - .cptm-preview-area { - padding: 0; - } -} - -.cptm-placeholder-blcok { - 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-label { - 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; -} - -.cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; -} - -.cptm-center-content { - display: flex; - height: 100%; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} -.cptm-center-content.cptm-content-wide * { - flex-grow: 1; -} - -.cptm-mb-10 { - margin-bottom: 10px !important; -} - -.cptm-mb-20 { - margin-bottom: 20px !important; -} - -.cptm-listing-card-body-header { - display: flex; - flex-wrap: wrap; -} - -.cptm-align-left { - text-align: left; -} - -.cptm-listing-card-body-header-left { - flex-grow: 1; -} - -.cptm-listing-card-body-header-right { - width: 100px; - margin-left: 10px; -} - -.cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; -} - -.cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 10px; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; -} -.cptm-card-preview-widget.cptm-card-list-view { - display: flex; - flex-wrap: wrap; - max-width: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; -} -.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-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; -} - -.cptm-listing-card-preview-header { - display: block; - flex-grow: 1; -} - -.cptm-listing-card-content { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; -} - -.cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - box-sizing: border-box; -} - -.cptm-card-preview-thumbnail-placeholer { - height: 100%; -} - -.cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-listing-card-preview-quick-info-placeholder { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail-bg { - 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); -} - -.cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; -} - -.cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-top-right-placeholder { - text-align: right; -} - -.cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; -} - -.cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; -} - -.cptm-listing-card-preview-body { - 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); - 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); -} -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background: #fff; - color: #5a5f7d; -} - -.cptm-placeholder-author-thumb { - margin: 0; -} -.cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background: #c6d0dc; - border: 4px solid #fff; -} - -.cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; -} - -.cptm-has-widget-control { - position: relative; -} -.cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; -} - -.cptm-form-group-row { - display: flex; - flex-wrap: wrap; -} - -.cptm-form-group-col { - flex-grow: 1; - flex-basis: 50%; -} - -.cptm-form-group-info { - color: gray; - margin-bottom: 5px; -} - -.cptm-widget-actions-tools { - position: absolute; - width: 75px; - background: #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; -} - -.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; - transition: 0.3s ease; - z-index: 1; -} -.cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; -} -.cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; -} - -.cptm-widget-control-wrap { - 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: 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%; - 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; -} -.cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - -.hide { - display: none; -} - -.cptm-widget-control-action { - 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; -} - -.cptm-listing-card-preview-body-placeholder { - 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 .cptm-placeholder-label { - color: #a1a8c6; -} - -.cptm-listing-card-preview-footer { - display: flex; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; -} - -.cptm-listing-card-preview-footer-left-placeholder { - 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-right-placeholder { - 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 .cptm-widget-preview-area { - display: flex; - justify-content: flex-end; - align-items: center; -} - -.cptm-card-light.cptm-placeholder-blcok { - 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-label { - color: #23282d; -} -.cptm-card-light .cptm-widget-badge { - color: #969DB8; - background-color: #EFF0F3; -} - -.cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background: #fff; -} -.cptm-card-dark-light .cptm-widget-badge { - 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; -} - -.cptm-widgets-header { - display: block; -} - -.cptm-widget-nav { - display: flex; - flex-wrap: wrap; - margin: 0; -} - -.cptm-widget-nav-item { - 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; -} -.cptm-widget-nav-item:hover { - color: #2b2b2b; -} -.cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; -} - -.cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; -} - -.cptm-widgets-list { - display: block; - margin: 0; -} - -.cptm-widgets-list-item { - display: block; -} - -.widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; -} - -.cptm-widgets-sub-list { - 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; -} - -.widget-icon { - display: inline-block; - margin-right: 5px; -} - -.widget-label { - display: inline-block; -} - -.cptm-form-group { - display: block; - margin-bottom: 20px; -} -.cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #272b41; - margin-bottom: 9px; -} -.cptm-form-group .cptm-form-control { - max-width: 100%; -} -.cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); -} - -.cptm-form-group-feedback { - display: block; -} - -.cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - transition: all ease-in-out 300ms; -} -.cptm-form-alert.cptm-error { - color: #c82424; -} - -.cptm-input-toggle-wrap { - display: flex; - flex-wrap: wrap; - align-items: center; -} -.cptm-input-toggle-wrap label { - padding-right: 10px; - flex-grow: 1; - margin-bottom: 0; -} - -.cptm-input-toggle { - display: inline-block; - position: relative; - width: 50px; - height: 25px; - 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; - transition: all ease-in-out 300ms; -} -.cptm-input-toggle.active { - background-color: #3e62f5; -} -.cptm-input-toggle.active::after { - left: 100%; - transform: translateX(calc(-100% - 10px)); -} - -.cptm-multi-option-group { - display: block; - margin-bottom: 20px; -} -.cptm-multi-option-group .cptm-btn { - margin: 0; -} - -.cptm-multi-option-label { - display: block; -} - -.cptm-multi-option-group-section-draft { - display: flex; - flex-wrap: wrap; - margin: -8px; -} -.cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - flex: 1; -} -.cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; -} -.cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; -} -.cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; -} - -.cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; -} - -.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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -.cptm-form-control:hover, -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 input[type=text].cptm-form-control:hover { - color: #23282d; -} - -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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -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; -} -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: #fff; -} - -.tab-general .cptm-title-area, -.tab-other .cptm-title-area { - margin-left: 0; -} -.tab-general .cptm-form-group .cptm-form-control, -.tab-other .cptm-form-group .cptm-form-control { - background: #fff; - border: 1px solid #e3e6ef; -} - -.tab-preview_image .cptm-title-area, -.tab-packages .cptm-title-area, -.tab-other .cptm-title-area { - 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; -} - -.cptm-modal-container { - 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; -} - -.cptm-modal-wrap { - 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: #fff; -} - -.cptm-modal-header { - 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; -} - -.cptm-modal-actions { - 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; -} - -.cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; -} - -.cptm-section-alert-area { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - min-height: 200px; -} - -.cptm-section-alert-content { - text-align: center; - padding: 10px; -} - -.cptm-section-alert-icon { - 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; -} -.cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; -} - -.cptm-color-picker-wrap { - display: inline-flex; -} - -.cptm-color-picker-label { - display: flex; - align-items: center; - margin-left: 10px; -} - -.cptm-wdget-title { - display: flex; - justify-content: space-between; -} - -.atbdp-flex-align-center { - display: flex; - align-items: center; -} - -.cptm-px-5 { - padding: 0 5px; -} - -.cptm-text-gray { - color: #c1c1c1; -} - -.cptm-text-right { - text-align: right !important; -} - -.cptm-text-center { - text-align: center !important; -} - -.cptm-text-left { - text-align: left !important; -} - -.cptm-d-block { - display: block !important; -} - -.cptm-d-inline { - display: inline-block !important; -} - -.cptm-d-inline-flex { - display: inline-flex !important; - flex-wrap: wrap; -} - -.cptm-d-none { - display: none !important; -} - -.cptm-p-20 { - padding: 20px; -} - -.cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; -} - -input[type=radio]:checked::before { - background-color: #3e62f5; -} - -@media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } -} - -.atbdp-sidebar-nav-area { - display: block; -} - -.atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; -} - -.atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; -} - -.atbdp-nav-icon { - display: inline-block; - margin-right: 10px; -} - -.atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-nav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; -} -.atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; -} - -.atbdp-sidebar-subnav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; -} -.atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.atbdp-col { - padding: 0 15px; - flex-grow: 1; - box-sizing: border-box; -} - -.atbdp-col-3 { - flex-basis: 25%; - width: 25%; -} - -.atbdp-col-4 { - flex-basis: 33.3333333333%; - width: 33.3333333333%; -} - -.atbdp-col-8 { - flex-basis: 66.6666666667%; - width: 66.6666666667%; -} - -.shrink { - max-width: 300px; -} - -.directorist_dropdown { - position: relative; -} -.directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - font-size: 14px; - font-weight: 500; - background-color: #F4F5F7; - color: #5A5F7D; - border-radius: 4px; - padding: 13px 15px; - line-height: 1; -} -.directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - box-shadow: 0 0; -} -.directorist_dropdown .directorist_dropdown-toggle:before { - font-family: "Font Awesome 5 Free"; - font-weight: 900; - font-size: 18px; - float: right; - content: "\f107"; -} -.directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - 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; - overflow-y: auto; -} -.directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; -} -.directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; -} -.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; -} -.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: #f2f2f2; -} - -.cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; -} - -/* Sticky fields */ -.cptm-col-sticky { - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; -} - -.cptm-theme-butterfly .cptm-info-text { - 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: 999; - 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%; - 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: #5A5F7D; - color: #fff; - font-size: 12px; - display: flex; - align-items: center; - justify-content: center; - position: absolute; - right: 20px; - top: 23px; - transition: 0.3s ease; -} -.icon-picker__close:hover { - color: #fff; - background: #222; -} -.icon-picker__sidebar { - width: 25%; - background: #eff0f3; - padding: 30px 20px; -} -.icon-picker__content { - width: 75%; - overflow: auto; -} -.icon-picker__content .icons-group h4 { - font-size: 16px; - font-weight: 500; - color: #272B41; - padding: 33px 0 27px 20px; - border-bottom: 1px solid #E3E6EF; - margin: 0; -} -.icon-picker__content .icons-group-icons { - padding: 17px 0 17px 17px; -} -.icon-picker__content .icons-group-icons .font-icon-btn { - margin: 5px 3px; - width: 70px; - height: 70px; - background: #F4F5F7; - border-radius: 5px; - font-size: 24px; - color: #868EAE; - border: 0 none; - transition: 0.3s ease; -} -.icon-picker__content .icons-group-icons .font-icon-btn.cptm-btn-primary { - background: #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; -} -.icon-picker__filter label { - 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::-moz-placeholder { - color: #797d93; -} -.icon-picker__filter input::placeholder { - 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; -} -.icon-picker__preview-icon { - font-size: 80px; - color: #272B41; - display: block !important; - text-align: center; -} -.icon-picker__preview-info { - display: flex; - justify-content: center; - margin-top: 15px; -} -.icon-picker__done-btn { - 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; -} - -.icon-picker-selector { - display: flex; - align-items: center; - margin: 0 -10px; -} -.icon-picker-selector__icon { - position: relative; - flex: 1; - margin: 0 10px; -} -.icon-picker-selector__icon .directorist-selected-icon { - position: absolute; - left: 15px; - top: 50%; - transform: translateY(-50%); -} -.icon-picker-selector__icon .cptm-form-control { - pointer-events: none; -} -.icon-picker-selector__icon__reset { - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); - cursor: pointer; - padding: 5px 15px; -} -.icon-picker-selector__btn { - margin: 0 10px; - height: 40px; - background: #DADCE0; - border-radius: 4px; - border: 0 none; - font-weight: 500; - padding: 0 30px; - cursor: pointer; -} - -.directorist-category-icon-picker { - margin-top: 10px; -} -.directorist-category-icon-picker .icon-picker-selector { - width: 100%; -} - -/* Responsive fix */ -@media only screen and (max-width: 1441px) { - .icon-picker__inner { - width: 825px; - height: 660px; - } -} -@media only screen and (max-width: 1199px) { - .icon-picker__inner { - width: 615px; - height: 500px; - } -} -@media only screen and (max-width: 767px) { - .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; - } -}/*# sourceMappingURL=multi-directory-builder.css.map */ \ No newline at end of file diff --git a/assets/src/scss/layout/admin/multi-directory-builder.scss b/assets/src/scss/layout/admin/multi-directory-builder.scss deleted file mode 100644 index ffd0b5a846..0000000000 --- a/assets/src/scss/layout/admin/multi-directory-builder.scss +++ /dev/null @@ -1,3 +0,0 @@ -@import './builder/builder_style'; -@import './builder/cptm_theme_butterfly'; -@import './icon-picker.scss'; \ No newline at end of file diff --git a/assets/src/scss/layout/admin/plugins.css b/assets/src/scss/layout/admin/plugins.css deleted file mode 100644 index 51eddbf654..0000000000 --- a/assets/src/scss/layout/admin/plugins.css +++ /dev/null @@ -1,43 +0,0 @@ -.directorist-extensions > td > div { - 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; -} - -.directorist-extensions table { - width: 100%; -} - -.ext-height-fix { - height: 250px !important; - overflow: hidden; - transition: 0.3s ease; -} - -.ext-height-fix:before { - 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; -}/*# sourceMappingURL=plugins.css.map */ \ No newline at end of file diff --git a/assets/src/scss/layout/admin/plugins.scss b/assets/src/scss/layout/admin/plugins.scss deleted file mode 100644 index 7c2d87f0e9..0000000000 --- a/assets/src/scss/layout/admin/plugins.scss +++ /dev/null @@ -1,43 +0,0 @@ -.directorist-extensions>td>div { - 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; -} - -.directorist-extensions table { - width: 100%; -} - -.ext-height-fix { - height: 250px !important; - overflow: hidden; - transition: 0.3s ease; -} - -.ext-height-fix:before { - 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; -} \ No newline at end of file diff --git a/assets/src/scss/layout/admin/settings-manager.css b/assets/src/scss/layout/admin/settings-manager.css deleted file mode 100644 index e096dc892e..0000000000 --- a/assets/src/scss/layout/admin/settings-manager.css +++ /dev/null @@ -1,3258 +0,0 @@ -.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; -} - -.directorist-center-content { - display: flex; -} - -.directorist-center-content-inline { - display: inline-flex; -} - -.directorist-center-content, -.directorist-center-content-inline { - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} - -.directorist-text-right { - text-align: right; -} - -.directorist-text-center { - text-align: center; -} - -.directorist-text-left { - text-align: left; -} - -.directorist-mt-0 { - margin-top: 0 !important; -} - -.directorist-mt-5 { - margin-top: 5px !important; -} - -.directorist-mt-10 { - margin-top: 10px !important; -} - -.directorist-mt-15 { - margin-top: 15px !important; -} - -.directorist-mt-20 { - margin-top: 20px !important; -} - -.directorist-mt-30 { - margin-top: 30px !important; -} - -.directorist-mb-0 { - margin-bottom: 0 !important; -} - -.directorist-mb-35 { - margin-bottom: 35px !important; -} - -.directorist-mb-30 { - margin-bottom: 30px !important; -} - -.directorist-mb-25 { - margin-bottom: 25px !important; -} - -.directorist-mb-20 { - margin-bottom: 20px !important; -} - -.directorist-mb-n20 { - margin-bottom: -20px !important; -} - -.directorist-mb-15 { - margin-bottom: 15px !important; -} - -.directorist-mb-10 { - margin-bottom: 10px !important; -} - -.directorist-mb-40 { - margin-bottom: 40px !important; -} - -.directorist-mb-50 { - margin-bottom: 50px !important; -} - -.directorist-mb-70 { - margin-bottom: 70px !important; -} - -.directorist-mb-80 { - margin-bottom: 80px !important; -} - -.directorist-pb-100 { - padding-bottom: 100px !important; -} - -.directorist-w-100 { - width: 100% !important; - max-width: 100% !important; -} - -.directorist-draggable-list-item { - flex-grow: 1; -} - -.directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; -} - -.directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - flex-direction: column; - margin-bottom: -20px; -} - -.directorist-droppable-area { - 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; -} - -.directorist-droppable-item-preview-before { - margin-bottom: 20px; -} - -.directorist-droppable-item-preview-after { - margin-bottom: 20px; -} - -.directorist-draggable-form-list-wrap { - margin-right: 50px; -} - -.cptm-form-note { - 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; -} -.cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157CF6; -} -.cptm-form-note .cptm-form-note-content { - margin: 5px 0; -} -.cptm-form-note .cptm-form-note-content a { - color: #157CF6; -} - -#atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; -} -#atbdp_cpt_options_metabox .postbox-header { - display: none; -} - -.atbdp-cpt-manager { - display: block; - color: #23282d; - background: #fff; -} - -.atbdp-cptm-header { - display: block; -} -.atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; -} - -.atbdp-cptm-body { - display: block; -} - -.atbdp-cptm-footer { - display: block; - padding: 20px 10px; - background: #fff; -} - -.atbdp-cptm-footer-actions { - display: flex; - justify-content: center; - align-content: center; - flex-wrap: wrap; -} -.atbdp-cptm-footer-actions .cptm-btn { - font-weight: 500; - font-size: 15px; - height: 50px; - padding: 0 30px; -} - -.cptm-title-bar { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; -} - -.cptm-card-preview-widget .cptm-title-bar { - margin: 0; -} - -.cptm-title-bar-headings { - flex-grow: 1; - padding: 10px; -} - -.cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; -} - -.cptm-label-btn { - 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; - transition: all ease-in-out 300ms; - vertical-align: top; -} -.cptm-btn:disabled, -.cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; -} - -.cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; -} -.cptm-btn.cptm-btn-rounded { - border-radius: 30px; -} -.cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; -} -.cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; -} -.cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; -} -.cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; -} - -.cptm-file-input-wrap { - display: flex; - flex-wrap: wrap; -} -.cptm-file-input-wrap .cptm-btn { - flex-grow: 1; -} - -.cptm-btn-box { - display: block; -} - -.cptm-form-builder-group-field-drop-area { - display: block; - margin-right: 50px; - padding: 20px; - margin-bottom: 10px; - text-align: center; - background-color: #fff; - transition: all ease-in-out 300ms; - border: 1px dashed #c0c0c0; -} -.cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; -} - -.cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; -} - -.atbdp-cptm-status-feedback { - margin: 20px 0; -} - -.cptm-alert { - margin: 5px auto; - max-width: 500px; - padding: 10px 20px; - text-align: center; - color: #fff; - background-color: #3e62f5; - border-radius: 5px; -} - -.cptm-alert-success { - color: #fff; - background-color: #3e62f5; -} - -.cptm-alert-error { - color: #fff; - background-color: rgb(197, 22, 22); -} - -.cptm-dropable-element { - position: relative; -} - -.cptm-dropable-base-element { - 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; -} - -.cptm-dropable-placeholder { - 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; -} - -.cptm-dropable-inside { - padding: 10px; -} - -.cptm-dropable-area-inside { - display: block; - height: 100%; -} - -.cptm-dropable-area-right { - display: block; -} - -.cptm-dropable-area-left { - display: block; -} - -.cptm-dropable-area-right, -.cptm-dropable-area-left { - display: block; - float: left; - width: 50%; - height: 100%; -} - -.cptm-dropable-area-top { - display: block; -} - -.cptm-dropable-area-bottom { - display: block; -} - -.cptm-dropable-area-top, -.cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; -} - -.cptm-header-navigation { - margin: 0; - padding: 0; - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - background-color: #f4f5f7; - border-radius: 6px 6px 0 0; -} - -.cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - padding: 0 25px; -} -@media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } -} - -.cptm-header-nav__list-item-link { - display: block; - padding: 45px 0; - text-decoration: none; - border-right: 1px solid #f2f2f2; - transition: all ease-in-out 300ms; - background-color: #f4f5f7; - position: relative; - border-bottom: 2px solid transparent; -} -@media only screen and (max-width: 991px) { - .cptm-header-nav__list-item-link { - padding: 25px 0; - } -} -@media (max-width: 480px) { - .cptm-header-nav__list-item-link { - padding: 20px 0; - } -} -.cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; -} -.cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; -} - -.cptm-header-nav__icon { - display: inline-flex; - margin-bottom: 15px; - min-width: 44px; - min-height: 44px; - text-align: center; - font-size: 18px; - text-align: center; - border-radius: 50%; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - transition: all ease-in-out 300ms; - align-items: center; - justify-content: center; -} - -.general .cptm-header-nav__icon { - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; -} -.general .active .cptm-header-nav__icon { - background-color: #3e62f5; -} - -.submission_form .cptm-header-nav__icon { - background: rgba(8, 191, 156, 0.1); - color: #08bf9c; -} -.submission_form .active .cptm-header-nav__icon { - background-color: #08bf9c; -} - -.single_page_layout .cptm-header-nav__icon { - background: rgba(250, 139, 12, 0.1); - color: #fa8b0c; -} -.single_page_layout .active .cptm-header-nav__icon { - background-color: #fa8b0c; -} - -.listings_card_layout .cptm-header-nav__icon { - background: rgba(44, 153, 255, 0.1); - color: #2c99ff; -} -.listings_card_layout .active .cptm-header-nav__icon { - background-color: #2c99ff; -} - -.search_forms .cptm-header-nav__icon { - background: rgba(255, 64, 140, 0.1); - color: #ff408c; -} -.search_forms .active .cptm-header-nav__icon { - background-color: #ff408c; -} - -.cptm-header-nav__label { - display: block; - font-weight: bold; - color: #5a5f7d; - transition: all ease-in-out 300ms; - font-size: 15px; -} - -.cptm-title-area { - margin: 0 auto 20px; -} - -.submission-form .cptm-title-area { - width: 100%; -} - -.tab-general .cptm-title-area { - margin-left: 0; -} - -.cptm-link-light { - color: #fff; -} -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; -} - -.cptm-color-white { - color: #fff; -} - -.cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; -} - -.cptm-mb-60 { - margin-bottom: 60px; -} - -.cptm-mr-5 { - margin-right: 5px; -} - -.cptm-title { - margin: 0; - font-size: 24px; - font-weight: bold; - color: #23282d; - line-height: 1.2; -} - -.atbdp-cptm-tab-contents { - display: block; - background-color: #fff; -} - -.atbdp-cptm-tab-item { - display: none; -} -.atbdp-cptm-tab-item.active { - display: block; -} - -.cptm-tab-content-header { - background-color: #f8f9fb; -} - -.cptm-tab-content-body { - display: block; -} - -.cptm-tab-content { - margin: 0 auto; - padding: 60px 75px; - min-height: 100px; - max-width: 700px; - box-sizing: border-box; -} -@media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 60px 25px; - } -} -@media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } -} -.cptm-tab-content.tab-wide { - max-width: 1200px; -} -.cptm-tab-content.tab-full-width { - max-width: 1200px; - padding: 60px 0; -} - -.cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; -} - -.cptm-tab-sub-content-item { - margin: 0 auto; - display: none; -} -.cptm-tab-sub-content-item.active { - display: block; -} - -.cptm-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.cptm-col-6 { - 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-section { - margin-bottom: 50px; -} -.cptm-section:last-child { - margin-bottom: 0; -} - -.cptm-form-builder-preset-fields { - margin: 0 auto; - max-width: 470px; -} - -.cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 50px; -} - -.cptm-title-3 { - 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; -} - -.cptm-form-builder-active-fields { - display: block; -} -.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; -} -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; -} - -.cptm-form-builder-active-fields-container { - margin: 0; - max-width: 428px; - background-color: #f4f5f7; - padding: 40px; - border-radius: 6px; -} -@media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } -} - -.cptm-form-builder-active-fields-footer { - text-align: left; -} -@media only screen and (max-width: 991px) { - .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 { - height: 43px; - background: rgba(62, 98, 245, 0.1); - border: 0 none; - font-size: 14px; - font-weight: 500; -} - -.cptm-form-builder-active-fields-group { - position: relative; - padding-bottom: 5px; -} - -.cptm-form-builder-group-header-section { - margin-bottom: 20px; -} - -.cptm-form-builder-group-header { - display: flex; - align-items: center; -} - -.cptm-form-builder-group-title-area { - display: flex; - flex-grow: 1; - padding: 15px 20px; - box-sizing: border-box; - border-radius: 4px; - background-color: #444752; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); -} - -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; -} - -.cptm-form-builder-group-title-area__dropable-wrapper { - flex-grow: 1; -} - -.cptm-no-wrap { - flex-wrap: nowrap; -} - -.cptm-card-top-area { - 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; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; -} -.cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - right: 20px; - top: 50%; - transform: translateY(-50%); - pointer-events: none; -} - -.cptm-card-placeholder-row { - display: flex; - flex-wrap: wrap; - margin: 0 -10px; -} - -.cptm-card-placeholder-col { - flex-grow: 1; - padding: 0 10px; -} - -.cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; -} - -.cptm-form-builder-group-title-actions { - display: block; -} -.cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - color: #fff; -} - -.cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-left: 15px; -} - -.cptm-form-builder-group-title { - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; -} - -.cptm-form-builder-group-options { - background-color: #fff; - margin: -5px 50px 0 0; - padding: 22px 25px 25px; - box-shadow: 0 1px 5px rgba(161, 168, 198, 0.1); -} - -.cptm-form-builder-group-fields { - display: block; - position: relative; -} - -.cptm-restricted-area { - 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: 20px; - position: relative; - margin-right: 50px; - border-radius: 4px; -} - -.cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - transform: translate(34px, 7px); -} - -.cptm-form-builder-group-field-item-action-link { - 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); -} - -.action-trash:hover { - background-color: #d7d7d7; -} -.action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); -} - -.cptm-form-builder-group-field-item-header-actions { - margin-left: 10px; - background-color: #fff; -} - -.cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 12px; - margin-left: 5px; - transition: all ease-in-out 300ms; - opacity: 0.5; -} -.cptm-form-builder-header-action-link:hover { - opacity: 1; -} - -.action-collapse-up span, -.action-collapse-up span::before { - transition: all ease-in-out 300ms; - transform: rotate(0); -} - -.action-collapse-down span, -.action-collapse-down span::before { - transition: all ease-in-out 300ms; - transform: rotate(180deg); -} - -.cptm-form-builder-group-field-item-header { - display: flex; - position: relative; - justify-content: space-between; - padding: 15px 20px; - cursor: move; - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - border-radius: 4px; - background-color: #fff; - z-index: 8; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 { - font-size: 14px; - color: #272b41; -} - -.cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; -} -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - 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 .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; -} - -.cptm-form-builder-field-list { - margin: -5px -5px -5px -5px; - padding: 0; - display: flex; - flex-wrap: wrap; -} - -.cptm-form-builder-field-list-item { - list-style: none; - width: calc(50% - 10px); - margin: 5px; - background-color: #f4f5f7; - padding: 14px 18px; - box-sizing: border-box; - border-radius: 4px; - display: flex; - align-items: center; - flex-wrap: wrap; -} -.cptm-form-builder-field-list-item.clickable { - cursor: pointer; -} -.cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; -} -@media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 10px); - } -} - -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; -} - -.cptm-form-builder-field-list-icon { - display: inline-block; - margin-right: 4px; - width: 22px; - font-size: 18px; - color: #272b41; -} - -.cptm-form-builder-field-list-label { - display: inline-block; - font-size: 14px; - font-weight: 500; - color: #272b41; -} - -.cptm-info-text-area { - margin-bottom: 10px; -} - -.cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; -} - -.cptm-info-success { - color: #00B158; -} - -.cptm-mb-0 { - margin-bottom: 0 !important; -} - -.cptm-item-footer-drop-area { - 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); -} -.cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; -} - -.cptm-form-builder-group-field-item-drop-area { - 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); -} - -.cptm-checkbox-area, -.cptm-options-area { - display: flex; - flex-direction: column; - margin: 10px 0; - right: 0; - left: 0; -} - -.cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -@media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } -} -.cptm-checkbox-item, -.cptm-radio-item { - display: flex; - margin-right: 20px; -} - -#listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; -} - -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::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=radio].cptm-radio { - margin-top: 1px; -} - -.cptm-form-range-wrap { - display: inline-flex; - flex-wrap: wrap; -} -.cptm-form-range-wrap .cptm-form-range-bar { - flex-grow: 1; -} -.cptm-form-range-wrap .cptm-form-range-output { - width: 30px; -} -.cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; -} - -.cptm-checkbox-ui { - 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; -} -.cptm-checkbox-ui:after { - 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; -} - -.cptm-thumbnail { - 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; -} - -.cptm-thumbnail-placeholder { - display: flex; - align-items: center; - justify-content: center; - min-height: 240px; -} - -.cptm-thumbnail-placeholder-icon { - font-size: 120px; - color: gainsboro; -} - -.cptm-thumbnail-img-wrap { - 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; - transition: all ease-in-out 300ms; -} - -.cptm-sub-navigation { - padding: 0; - margin: 0; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-sub-nav__item { - 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: #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; -} - -.cptm-builder-section { - display: flex; - flex-wrap: wrap; - position: relative; -} - -.cptm-options-area { - width: 300px; -} - -.cptm-option-card { - 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 { - transform: rotate3d(0, 1, 0, 45deg); -} -.cptm-option-card.cptm-animation-slide-up { - transform: translate(0, 30px); -} -.cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; -} -.cptm-option-card.active.cptm-animation-flip { - transform: rotate3d(0, 0, 0, 0deg); -} -.cptm-option-card.active.cptm-animation-slide-up { - transform: translate(0, 0); -} - -.cptm-anchor-down { - 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; -} - -.cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - transition: all ease-in-out 300ms; -} -.cptm-header-action-link:hover { - color: #fff; -} - -.cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; -} - -.cptm-option-card-header-title-section { - display: flex; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; -} - -.cptm-option-card-header-title { - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; -} - -.cptm-header-action-area { - display: flex; - padding: 0 0 0 10px; - justify-content: center; - align-items: center; -} - -.cptm-option-card-header-nav-section { - display: block; -} - -.cptm-option-card-header-nav { - 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; - 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); -} - -.cptm-option-card-body { - 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; -} -.cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: block; -} -.cptm-option-card-body .directorist-type-icon-select .icon-picker-selector .icon-picker-selector__btn { - margin-top: 10px; -} - -.cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - transform: translate(-50%, 50%); -} - -.cptm-widget-insert-wrap { - position: relative; -} - -.cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - transform: translate(-50%, -100%); - pointer-events: none; -} -.cptm-widget-insert-modal-container.active { - 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; - 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; -} - -.cptm-widget-card-drop-prepend { - border-radius: 10px; -} - -.cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 10px; - 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; -} -.cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; -} - -.cptm-widget-card-wrap { - visibility: visible; -} - -.cptm-widget-card-inline-wrap { - display: inline-flex; - vertical-align: top; -} -.cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - flex: 1; -} -.cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - 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; -} - -.cptm-list-item { - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; -} -.cptm-list-item .cptm-list-item-icon { - width: 25px; -} -.cptm-list-item .cptm-list-item-label { - flex-grow: 1; -} - -.cptm-list-item-card { - 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); - transition: 0.3s ease; - position: relative; -} - -.cptm-preview-area { - flex-grow: 1; - padding: 0 20px; -} -@media (max-width: 400px) { - .cptm-preview-area { - padding: 0; - } -} - -.cptm-placeholder-blcok { - 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-label { - 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; -} - -.cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; -} - -.cptm-center-content { - display: flex; - height: 100%; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} -.cptm-center-content.cptm-content-wide * { - flex-grow: 1; -} - -.cptm-mb-10 { - margin-bottom: 10px !important; -} - -.cptm-mb-20 { - margin-bottom: 20px !important; -} - -.cptm-listing-card-body-header { - display: flex; - flex-wrap: wrap; -} - -.cptm-align-left { - text-align: left; -} - -.cptm-listing-card-body-header-left { - flex-grow: 1; -} - -.cptm-listing-card-body-header-right { - width: 100px; - margin-left: 10px; -} - -.cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; -} - -.cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 10px; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; -} -.cptm-card-preview-widget.cptm-card-list-view { - display: flex; - flex-wrap: wrap; - max-width: 100%; -} -.cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; -} -.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-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; -} - -.cptm-listing-card-preview-header { - display: block; - flex-grow: 1; -} - -.cptm-listing-card-content { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; -} - -.cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - box-sizing: border-box; -} - -.cptm-card-preview-thumbnail-placeholer { - height: 100%; -} - -.cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.cptm-listing-card-preview-quick-info-placeholder { - flex-grow: 1; -} - -.cptm-card-preview-thumbnail-bg { - 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); -} - -.cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; -} - -.cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-top-right-placeholder { - text-align: right; -} - -.cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; -} - -.cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; -} - -.cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); -} - -.cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; -} - -.cptm-listing-card-preview-body { - 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); - 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); -} -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background: #fff; - color: #5a5f7d; -} - -.cptm-placeholder-author-thumb { - margin: 0; -} -.cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background: #c6d0dc; - border: 4px solid #fff; -} - -.cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; -} - -.cptm-has-widget-control { - position: relative; -} -.cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; -} - -.cptm-form-group-row { - display: flex; - flex-wrap: wrap; -} - -.cptm-form-group-col { - flex-grow: 1; - flex-basis: 50%; -} - -.cptm-form-group-info { - color: gray; - margin-bottom: 5px; -} - -.cptm-widget-actions-tools { - position: absolute; - width: 75px; - background: #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; -} - -.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; - transition: 0.3s ease; - z-index: 1; -} -.cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; -} -.cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; -} - -.cptm-widget-control-wrap { - 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: 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%; - 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; -} -.cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - -.hide { - display: none; -} - -.cptm-widget-control-action { - 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; -} - -.cptm-listing-card-preview-body-placeholder { - 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 .cptm-placeholder-label { - color: #a1a8c6; -} - -.cptm-listing-card-preview-footer { - display: flex; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; -} - -.cptm-listing-card-preview-footer-left-placeholder { - 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-right-placeholder { - 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 .cptm-widget-preview-area { - display: flex; - justify-content: flex-end; - align-items: center; -} - -.cptm-card-light.cptm-placeholder-blcok { - 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-label { - color: #23282d; -} -.cptm-card-light .cptm-widget-badge { - color: #969DB8; - background-color: #EFF0F3; -} - -.cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background: #fff; -} -.cptm-card-dark-light .cptm-widget-badge { - 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; -} - -.cptm-widgets-header { - display: block; -} - -.cptm-widget-nav { - display: flex; - flex-wrap: wrap; - margin: 0; -} - -.cptm-widget-nav-item { - 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; -} -.cptm-widget-nav-item:hover { - color: #2b2b2b; -} -.cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; -} - -.cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; -} - -.cptm-widgets-list { - display: block; - margin: 0; -} - -.cptm-widgets-list-item { - display: block; -} - -.widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; -} - -.cptm-widgets-sub-list { - 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; -} - -.widget-icon { - display: inline-block; - margin-right: 5px; -} - -.widget-label { - display: inline-block; -} - -.cptm-form-group { - display: block; - margin-bottom: 20px; -} -.cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #272b41; - margin-bottom: 9px; -} -.cptm-form-group .cptm-form-control { - max-width: 100%; -} -.cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); -} - -.cptm-form-group-feedback { - display: block; -} - -.cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - transition: all ease-in-out 300ms; -} -.cptm-form-alert.cptm-error { - color: #c82424; -} - -.cptm-input-toggle-wrap { - display: flex; - flex-wrap: wrap; - align-items: center; -} -.cptm-input-toggle-wrap label { - padding-right: 10px; - flex-grow: 1; - margin-bottom: 0; -} - -.cptm-input-toggle { - display: inline-block; - position: relative; - width: 50px; - height: 25px; - 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; - transition: all ease-in-out 300ms; -} -.cptm-input-toggle.active { - background-color: #3e62f5; -} -.cptm-input-toggle.active::after { - left: 100%; - transform: translateX(calc(-100% - 10px)); -} - -.cptm-multi-option-group { - display: block; - margin-bottom: 20px; -} -.cptm-multi-option-group .cptm-btn { - margin: 0; -} - -.cptm-multi-option-label { - display: block; -} - -.cptm-multi-option-group-section-draft { - display: flex; - flex-wrap: wrap; - margin: -8px; -} -.cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - flex: 1; -} -.cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; -} -.cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; -} -.cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; -} - -.cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; -} - -.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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -.cptm-form-control:hover, -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 input[type=text].cptm-form-control:hover { - color: #23282d; -} - -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: 11px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border: 0 none; - border-radius: 4px; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background: #f4f5f7; -} -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; -} -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: #fff; -} - -.tab-general .cptm-title-area, -.tab-other .cptm-title-area { - margin-left: 0; -} -.tab-general .cptm-form-group .cptm-form-control, -.tab-other .cptm-form-group .cptm-form-control { - background: #fff; - border: 1px solid #e3e6ef; -} - -.tab-preview_image .cptm-title-area, -.tab-packages .cptm-title-area, -.tab-other .cptm-title-area { - 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; -} - -.cptm-modal-container { - 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; -} - -.cptm-modal-wrap { - 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: #fff; -} - -.cptm-modal-header { - 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; -} - -.cptm-modal-actions { - 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; -} - -.cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; -} - -.cptm-section-alert-area { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - min-height: 200px; -} - -.cptm-section-alert-content { - text-align: center; - padding: 10px; -} - -.cptm-section-alert-icon { - 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; -} -.cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; -} - -.cptm-color-picker-wrap { - display: inline-flex; -} - -.cptm-color-picker-label { - display: flex; - align-items: center; - margin-left: 10px; -} - -.cptm-wdget-title { - display: flex; - justify-content: space-between; -} - -.atbdp-flex-align-center { - display: flex; - align-items: center; -} - -.cptm-px-5 { - padding: 0 5px; -} - -.cptm-text-gray { - color: #c1c1c1; -} - -.cptm-text-right { - text-align: right !important; -} - -.cptm-text-center { - text-align: center !important; -} - -.cptm-text-left { - text-align: left !important; -} - -.cptm-d-block { - display: block !important; -} - -.cptm-d-inline { - display: inline-block !important; -} - -.cptm-d-inline-flex { - display: inline-flex !important; - flex-wrap: wrap; -} - -.cptm-d-none { - display: none !important; -} - -.cptm-p-20 { - padding: 20px; -} - -.cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; -} - -input[type=radio]:checked::before { - background-color: #3e62f5; -} - -@media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } -} - -.atbdp-sidebar-nav-area { - display: block; -} - -.atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; -} - -.atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; -} - -.atbdp-nav-icon { - display: inline-block; - margin-right: 10px; -} - -.atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-nav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; -} -.atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; -} - -.atbdp-sidebar-subnav-item { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; -} -.atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; -} -.atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; -} - -.atbdp-row { - display: flex; - flex-wrap: wrap; - margin: 0 -15px; -} - -.atbdp-col { - padding: 0 15px; - flex-grow: 1; - box-sizing: border-box; -} - -.atbdp-col-3 { - flex-basis: 25%; - width: 25%; -} - -.atbdp-col-4 { - flex-basis: 33.3333333333%; - width: 33.3333333333%; -} - -.atbdp-col-8 { - flex-basis: 66.6666666667%; - width: 66.6666666667%; -} - -.shrink { - max-width: 300px; -} - -.directorist_dropdown { - position: relative; -} -.directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - font-size: 14px; - font-weight: 500; - background-color: #F4F5F7; - color: #5A5F7D; - border-radius: 4px; - padding: 13px 15px; - line-height: 1; -} -.directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - box-shadow: 0 0; -} -.directorist_dropdown .directorist_dropdown-toggle:before { - font-family: "Font Awesome 5 Free"; - font-weight: 900; - font-size: 18px; - float: right; - content: "\f107"; -} -.directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - 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; - overflow-y: auto; -} -.directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; -} -.directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; -} -.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; -} -.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: #f2f2f2; -} - -.cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; -} - -/* Sticky fields */ -.cptm-col-sticky { - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; -} - -.cptm-theme-butterfly .cptm-info-text { - text-align: left; - margin: 0; -} - -.atbdp-settings-panel .cptm-form-group { - margin-bottom: 35px; -} -.atbdp-settings-panel .cptm-tab-content { - margin: 0; - padding: 0; - width: 100%; - max-width: unset; -} -.atbdp-settings-panel .cptm-title { - font-size: 18px; - line-height: unset; -} -.atbdp-settings-panel .cptm-menu-title { - font-size: 20px; - font-weight: 500; - color: #23282d; - margin-bottom: 50px; -} -.atbdp-settings-panel .cptm-section { - border: 1px solid #E3E6EF; - border-radius: 10px; - margin-bottom: 50px !important; -} -.atbdp-settings-panel .cptm-section .cptm-title-area { - 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; -} -.atbdp-settings-panel .cptm-section .cptm-title-area .cptm-title { - font-size: 20px; - font-weight: 500; - color: #000000; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields { - padding: 20px 25px 0 25px; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group label { - font-size: 15px; -} - -/* settings panel css */ -.atbdp-settings-manager .directorist_builder-header { - margin-bottom: 30px; -} -.atbdp-settings-manager .atbdp-settings-manager__top { - 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: 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; - } -} - -.directorist_vertical-align-m { - 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; -} - -@media only screen and (max-width: 767px) { - .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 .directorist_dropdown .directorist_dropdown-toggle { - line-height: 0.8; -} - -.directorist_settings-trigger { - display: inline-block; - cursor: pointer; -} -.directorist_settings-trigger span { - display: block; - width: 20px; - height: 2px; - background-color: #272B41; -} -.directorist_settings-trigger span:not(:last-child) { - margin-bottom: 4px; -} - -.settings-wrapper { - width: 100%; - margin: 0 auto; -} - -.atbdp-settings-panel { - max-width: 1200px; - margin: 0 !important; -} - -.setting-top-bar { - background: #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 { - flex-direction: column; - } -} -.setting-top-bar .atbdp-setting-top-bar-right { - 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; - } -} -@media only screen and (max-width: 575px) { - .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; -} -.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; -} -.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; - 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; - 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; -} -.setting-top-bar .search-suggestions-list .search-suggestions-list--link:hover { - color: #fff; - background-color: #3E62F5; -} - -.setting-top-bar__search-actions { - display: flex; - flex-wrap: wrap; -} -@media only screen and (max-width: 575px) { - .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-response-feedback { - display: flex; - margin: 0 10px; - align-items: center; - color: #fff; -} - -.setting-search-suggestions { - position: relative; - z-index: 999; -} - -.search-suggestions-list { - 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; -} - -.search-suggestions-list--link { - display: block; - padding: 10px 15px; - text-decoration: none; - transition: all ease-in-out 200ms; -} -.search-suggestions-list--link:hover { - background-color: #f2f2f2; -} - -.setting-body { - display: flex; -} - -.settings-contents { - 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; -} -.setting-search-field__input:focus { - 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: #3E62F5; - transition: all ease-in-out 300ms; -} -.settings-save-btn:focus { - color: #fff; - outline: none; -} -.settings-save-btn:hover { - border-color: #264ef4; - background: #264ef4; - color: #fff; -} -.settings-save-btn:disabled { - opacity: 0.8; - cursor: not-allowed; -} - -.setting-left-sibebar { - min-width: 250px; - max-width: 250px; - background: #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; - transform: translateX(-250px); - transition: 0.35s; - z-index: 99999; - } -} -.setting-left-sibebar.active { - 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; -} -.directorist_settings-panel-shade.active { - z-index: 999; - opacity: 1; - visibility: visible; -} - -.settings-nav { - margin: 0; - padding: 0; - list-style-type: none; -} - -.settings-nav li { - list-style: none; -} - -.settings-nav a { - text-decoration: none; -} - -.settings-nav__item.active { - background: #fff; -} - -.settings-nav__item ul { - padding-left: 0; - background: #fff; - display: none; -} - -.settings-nav__item.active ul { - display: block; -} - -.settings-nav__item__link { - 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: #fff; -} - -.settings-nav__item.active .settings-nav__item__link { - color: #3E62F5; -} - -.settings-nav__item__icon { - display: inline-block; - width: 32px; -} -.settings-nav__item__icon i { - font-size: 15px; -} -.settings-nav__item__icon i.directorist_Blue { - color: #3E62F5; -} -.settings-nav__item__icon i.directorist_success { - color: #08BF9C; -} -.settings-nav__item__icon i.directorist_pink { - color: #FF408C; -} -.settings-nav__item__icon i.directorist_warning { - color: #FA8B0C; -} -.settings-nav__item__icon i.directorist_info { - color: #2C99FF; -} -.settings-nav__item__icon i.directorist_green { - color: #00B158; -} -.settings-nav__item__icon i.directorist_danger { - color: #FF272A; -} -.settings-nav__item__icon i.directorist_wordpress { - 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: 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 { - box-shadow: 0 0; - outline: 0 none; -} - -.settings-nav__item ul li a.active { - color: #3E62F5; - background: #fff; - box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); - border-left-color: #3E62F5; -} - -.settings-nav__item ul li a:hover { - background: #fff; - box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); -} - -span.drop-toggle-caret { - 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; -} - -.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; -} - -.settings-footer { - 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; -} - -.settings-footer-actions { - display: flex; - flex-wrap: wrap; - color: #272b41; -} - -.atbdp-settings-panel .cptm-form-control, -.atbdp-settings-panel .directorist_dropdown { - max-width: 500px !important; -} - -#page_settings .cptm-menu-title { - display: none; -}/*# sourceMappingURL=settings-manager.css.map */ \ No newline at end of file diff --git a/assets/src/scss/layout/admin/settings-manager.scss b/assets/src/scss/layout/admin/settings-manager.scss deleted file mode 100644 index 0694f71d64..0000000000 --- a/assets/src/scss/layout/admin/settings-manager.scss +++ /dev/null @@ -1,5 +0,0 @@ - -@import './builder/builder_style'; -@import './builder/cptm_theme_butterfly'; -@import './builder/builder_style__settings_panel'; -@import './builder/settings_panel'; diff --git a/assets/src/scss/layout/admin/setup-wizard.css b/assets/src/scss/layout/admin/setup-wizard.css deleted file mode 100644 index 821da00245..0000000000 --- a/assets/src/scss/layout/admin/setup-wizard.css +++ /dev/null @@ -1,496 +0,0 @@ -.atbdp-setup { - background: #F1F1F1; - height: 100vh; - margin: 0; - padding: 0; - display: flex; - align-items: center; - justify-content: center; -} - -.directorist-setup-wizard-vh-none { - height: auto; -} - -.directorist-setup-wizard-wrapper { - padding: 100px 0; -} - -.atbdp-setup-content { - font-family: Arial; - width: 700px; - color: #3e3e3e; - border-radius: 5px; - box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); - background: #fff; - overflow: hidden; -} - -.atbdp-setup-content .atbdp-c-header { - padding: 32px 40px 23px; - border-bottom: 1px solid #F1F2F6; -} - -.atbdp-setup-content .atbdp-c-header h1 { - font-size: 28px; - font-weight: 600; - margin: 0; -} - -.atbdp-setup-content .atbdp-c-body { - padding: 30px 40px 50px; -} - -.atbdp-setup-content .atbdp-c-logo { - text-align: center; - margin-bottom: 40px; -} -.atbdp-setup-content .atbdp-c-logo img { - width: 200px; -} - -.atbdp-setup-content .atbdp-c-body p { - font-size: 16px; - line-height: 26px; - color: #5A5F7D; -} - -.atbdp-setup-content .atbdp-c-body .atbdp-c-intro-title { - font-size: 26px; - font-weight: 500; -} - -.wintro-text { - margin-top: 100px; -} - -.atbdp-setup-content .atbdp-c-footer { - background: #F4F5F7; - padding: 20px 40px; - display: flex; - justify-content: flex-end; -} - -.atbdp-setup-content .atbdp-c-footer p { - 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; -} - -.wbtn-primary { - background: #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; -} - -.w-form-group { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - margin-bottom: 25px; -} - -.w-form-group:last-child { - margin-bottom: 0; -} - -.w-form-group label { - flex: 1; - font-size: 15px; - font-weight: 500; -} - -.w-form-group div { - 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; - box-sizing: border-box; - cursor: pointer; -} - -.atbdp-sw-gmap-key small { - display: block; - margin-top: 4px; - color: #9299B8; -} - -.w-toggle-switch { - 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; -} - -.w-toggle-switch .w-switch:before, -.w-toggle-switch .w-switch:after { - content: ""; - font-size: 15px; - position: absolute; -} - -.w-toggle-switch .w-switch:before { - border-radius: 19px; - background: #C8CADF; - height: 26px; - left: -4px; - top: -3px; - transition: background-color 0.25s ease-out 0.1s; - width: 48px; -} - -.w-toggle-switch .w-switch:after { - box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); - border-radius: 50%; - background: #fefefe; - height: 18px; - transform: translate(0, 0); - transition: transform 0.25s ease-out 0.1s; - width: 18px; - top: 1px; -} - -.w-toggle-switch .w-switch:checked:after { - transform: translate(20px, 0); -} - -.w-toggle-switch .w-switch:checked:before { - background: #4353FF; -} - -.w-input-group { - position: relative; -} - -.w-input-group span { - position: absolute; - left: 1px; - top: 1px; - height: 40px; - display: inline-flex; - align-items: center; - font-size: 12px; - padding: 0 12px; - color: #9299B8; - background: #EFF0F3; - border-radius: 4px 0 0 4px; -} - -.w-input-group input { - padding-left: 58px !important; -} - -.wicon-done { - display: inline-flex; - font-size: 50px; - background: #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; -} - -.wsteps-done h2 { - font-size: 24px; - font-weight: 500; - margin-bottom: 50px; -} - -.wbtn-outline-primary { - border-color: #4353FF; - color: #4353FF; - margin-left: 6px; -} - -.atbdp-c-footer-center { - justify-content: center !important; - padding: 30px !important; -} - -.atbdp-c-footer-center a { - color: #2c99ff; -} - -.atbdp-setup-steps { - font-family: arial; - width: 450px; - margin: 0 auto 20px; - display: flex; - flex-wrap: wrap; - padding: 0; - justify-content: space-between; - align-items: center; - color: #3e3e3e; - list-style: none; -} - -.atbdp-setup-steps li { - position: relative; - display: flex; - flex-direction: column; - align-items: center; -} - -.atbdp-setup-steps li:after { - position: absolute; - content: ""; - width: 120px; - height: 3px; - background: #C6D0DC; - left: 35px; - top: 27%; - transform: translateY(-50%); - z-index: -1; -} - -.atbdp-setup-steps li.done:after { - background: #0FB73B; -} - -.atbdp-setup-steps li:last-child { - padding-right: 0; -} - -.atbdp-setup-steps li:last-child:after { - content: none; -} - -.atbdp-setup-steps li span.atbdp-sw-circle { - display: inline-flex; - background: #fff; - width: 34px; - height: 34px; - border-radius: 50%; - box-shadow: 5px 0 10px rgba(146, 153, 184, 0.15); - align-items: center; - justify-content: center; - color: #9299B8; - margin-bottom: 12px; -} - -.atbdp-setup-steps li span.atbdp-sw-circle .dashicons { - display: none; -} - -.atbdp-setup-steps li.done span.atbdp-sw-circle { - background: #0FB73B; - color: #fff; -} - -.atbdp-setup-steps li.done span.atbdp-sw-circle span { - display: none; -} - -.atbdp-setup-steps li.done span.atbdp-sw-circle span.dashicons { - display: inline-block; -} - -.atbdp-setup-steps li.active span.atbdp-sw-circle { - background: #272B41; - color: #fff; -} - -.atbdp-setup-steps li.atbdsw-logo { - flex: 0 0 100%; - margin-bottom: 50px; -} - -.atbdp-setup-steps li.atbdsw-logo:after { - content: none; -} - -.atbdp-none { - display: none; -} - -.directorist-importer__importing { - position: relative; -} - -.directorist-importer__importing h2 { - margin-top: 0; -} - -/* progressbar style */ -.directorist-importer__importing progress { - 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: 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%; - } -} -.directorist-importer__importing progress::-webkit-progress-bar { - background: #E8F0F8; - border-radius: 15px; -} - -.directorist-importer__importing progress::-webkit-progress-value { - background: #2C99FF; -} - -.directorist-importer__importing progress::-moz-progress-bar { - background: #E8F0F8; - border-radius: 15px; - border: none; - box-shadow: none; -} - -.directorist-importer__importing progress[value]::-moz-progress-bar { - background: #2C99FF; -} - -.directorist-importer__importing span.importer-notice { - 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; -} - -.directorist-importer__importing .spinner.is-active { - width: 15px; - height: 15px; - border-radius: 50%; - border: 3px solid #ddd; - position: absolute; - right: 0; - top: 0; - background: transparent; - border-right-color: #4353FF; - animation: swRotate 2s linear infinite; -} - -@keyframes swRotate { - 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; -} - -.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 span.select2-selection.select2-selection--single:focus { - outline: 0; -} - -.select2-dropdown { - border: 1px solid #C6D0DC !important; - border-top: 0 none !important; -} - -.select2-container--default .select2-results__option[aria-selected=true] { - background-color: #eee !important; -} - -.select2-container--default .select2-results__option--highlighted, -.select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted { - background-color: #4353FF !important; -} - -.btn-hide { - display: none; -}/*# sourceMappingURL=setup-wizard.css.map */ \ No newline at end of file diff --git a/assets/src/scss/layout/admin/setup-wizard.scss b/assets/src/scss/layout/admin/setup-wizard.scss deleted file mode 100644 index 6adbd97a7b..0000000000 --- a/assets/src/scss/layout/admin/setup-wizard.scss +++ /dev/null @@ -1,1402 +0,0 @@ -.directorist-setup-wizard-vh-none { - height: auto; -} -.directorist-setup-wizard-wrapper { - padding: 100px 0; -} -.atbdp-setup-content { - 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; -} - -.atbdp-setup-content .atbdp-c-header h1 { - font-size: 28px; - font-weight: 600; - margin: 0; -} - -.atbdp-setup-content .atbdp-c-body { - padding: 30px 40px 50px; -} - -.atbdp-setup-content .atbdp-c-logo { - text-align: center; - margin-bottom: 40px; - img { - width: 200px; - } -} - -.atbdp-setup-content .atbdp-c-body p { - font-size: 16px; - line-height: 26px; - color: #5a5f7d; -} - -.atbdp-setup-content .atbdp-c-body .atbdp-c-intro-title { - font-size: 26px; - font-weight: 500; -} - -.wintro-text { - margin-top: 100px; -} - -.atbdp-setup-content .atbdp-c-footer { - background-color: #f4f5f7; - padding: 20px 40px; - display: flex; - justify-content: flex-end; -} - -.atbdp-setup-content .atbdp-c-footer p { - 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; -} - -.wbtn-primary { - 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; -} - -.w-form-group { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - margin-bottom: 25px; -} - -.w-form-group:last-child { - margin-bottom: 0; -} - -.w-form-group label { - flex: 1; - font-size: 15px; - font-weight: 500; -} - -.w-form-group div { - 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; - box-sizing: border-box; - cursor: pointer; -} - -.atbdp-sw-gmap-key small { - display: block; - margin-top: 4px; - color: #9299b8; -} - -.w-toggle-switch { - 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; -} - -.w-toggle-switch .w-switch:before, -.w-toggle-switch .w-switch:after { - 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; -} - -.w-toggle-switch .w-switch:after { - 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); -} - -.w-toggle-switch .w-switch:checked:before { - background-color: #4353ff; -} - -.w-input-group { - position: relative; -} - -.w-input-group span { - 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; -} - -.wicon-done { - 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; -} - -.wsteps-done h2 { - font-size: 24px; - font-weight: 500; - margin-bottom: 50px; -} - -.wbtn-outline-primary { - border-color: #4353ff; - color: #4353ff; - margin-left: 6px; -} - -.atbdp-c-footer-center { - justify-content: center !important; - padding: 30px !important; -} - -.atbdp-c-footer-center a { - color: #2c99ff; -} - -.atbdp-none { - display: none; -} - -.directorist-importer__importing { - position: relative; -} - -.directorist-importer__importing h2 { - margin-top: 0; -} - -/* progressbar style */ -.directorist-importer__importing progress { - 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: 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%; - } -} - -.directorist-importer__importing progress::-webkit-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; -} - -.directorist-importer__importing progress::-webkit-progress-value { - background-color: #2c99ff; -} - -.directorist-importer__importing progress::-moz-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; - border: none; - box-shadow: none; -} - -.directorist-importer__importing progress[value]::-moz-progress-bar { - background-color: #2c99ff; -} - -.directorist-importer__importing span.importer-notice { - 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; -} - -.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; - animation: swRotate 2s linear infinite; -} - -@keyframes swRotate { - 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; -} - -.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 span.select2-selection.select2-selection--single:focus { - outline: 0; -} - -.select2-dropdown { - 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--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; -} - -// Wizard New Style -.directorist-setup-wizard { - display: flex; - align-items: flex-start; - height: auto; - margin: 0; - font-family: 'Inter'; - @include e("wrapper") { - height: 100%; - min-height: 100vh; - display: flex; - flex-direction: column; - width: 100%; - padding: 0; - background-color: #f4f5f7; - } - @include e("header") { - 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); - @include e("step") { - display: flex; - flex: 1; - gap: 15px; - max-width: 700px; - padding: 15px 0; - flex-direction: column; - align-items: center; - @media (max-width: 767px) { - position: absolute; - left: 50%; - transform: translateX(-50%); - top: 80px; - width: 100%; - padding: 15px 20px 0; - box-sizing: border-box; - } - .atbdp-setup-steps { - width: 100%; - display: flex; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; - border-radius: 25px; - overflow: hidden; - li { - display: flex; - flex: 1; - position: relative; - &:after { - content: ""; - display: inline-flex; - width: 100%; - height: 12px; - background-color: #ebebeb; - } - &.done, - &.active { - &:after { - background-color: #4353ff; - } - } - } - } - } - } - @include e("logo") { - display: flex; - align-self: stretch; - align-items: center; - padding: 15px 25px; - border-right: 1px solid #e7e7e7; - @media (max-width: 767px) { - border: none; - } - img { - width: 140px; - } - } - @include e("close") { - display: flex; - align-self: stretch; - align-items: center; - padding: 15px 25px; - margin-inline-start: 138px; - border-left: 1px solid #e7e7e7; - @media (max-width: 1199px) { - margin-inline-start: 0; - } - @include e("btn") { - svg path { - fill: #b7b7b7; - transition: fill 0.3s ease; - } - &:hover { - svg path { - fill: #4353ff; - } - } - } - } - @include e("footer") { - 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) { - gap: 20px; - padding: 30px 20px; - } - } - @include e("btn") { - 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; - &:hover { - opacity: 0.85; - } - &:disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; - } - @media (max-width: 375px) { - gap: 15px; - } - @include m("skip") { - background: transparent; - color: #000; - padding: 0; - } - @include m("full") { - width: 100%; - text-align: center; - box-sizing: border-box; - } - @include m("return") { - color: #141414; - background: #ebebeb; - } - @include m("next") { - position: relative; - gap: 10px; - padding: 0 25px; - @media (max-width: 375px) { - padding: 0 20px; - } - } - &.loading { - position: relative; - &:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: rgba(0, 0, 0, 0.5); - } - &:after { - 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; - } - } - } - @include e("next") { - display: flex; - align-items: center; - gap: 20px; - flex: 1; - justify-content: flex-end; - .directorist-setup-wizard__btn { - height: 44px; - } - @media (max-width: 375px) { - gap: 15px; - } - } - @include e("back") { - @include e("btn") { - display: flex; - gap: 10px; - align-items: center; - color: #000; - &:hover { - opacity: 0.85; - } - } - } - @include e("content") { - width: 100%; - display: flex; - gap: 30px; - flex-direction: column; - @include e("title") { - font-size: 30px; - line-height: 36px; - font-weight: 400; - margin: 0 0 10px; - color: #141414; - @include m("section") { - font-size: 24px; - font-weight: 500; - margin: 30px 0 15px; - } - } - @include e("section-title") { - font-size: 18px; - line-height: 26px; - font-weight: 600; - margin: 0 0 15px; - color: #141414; - } - @include e("desc") { - font-size: 16px; - font-weight: 400; - margin: 0 0 10px; - color: #484848; - } - @include e("header") { - margin: 0 auto; - text-align: center; - @include m("listings") { - max-width: 100%; - text-align: center; - } - @include e("title") { - font-size: 30px; - line-height: 36px; - font-weight: 400; - margin: 0 0 10px; - &:last-child { - margin: 0; - } - } - @include e("desc") { - font-size: 16px; - line-height: 26px; - font-weight: 400; - margin: 0; - } - } - @include e("items") { - 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) { - padding: 35px 25px; - } - @media (max-width: 375px) { - padding: 30px 20px; - } - - @include m("listings") { - gap: 30px; - padding: 40px 180px; - flex-direction: column; - @media (max-width: 991px) { - padding: 40px 100px; - } - @media (max-width: 767px) { - padding: 40px 50px; - } - @media (max-width: 480px) { - padding: 35px 25px; - } - @media (max-width: 375) { - padding: 30px 20px; - } - } - @include m("completed") { - flex-direction: column; - text-align: center; - gap: 0; - padding: 40px 75px 50px; - @media (max-width: 480px) { - padding: 40px 30px 50px; - } - .congratulations-img { - margin: 0 auto 10px; - } - } - } - @include e("import") { - flex-direction: column; - @include e("title") { - font-size: 18px; - font-weight: 500; - margin: 0; - color: #141414; - } - @include e("wrapper") { - display: flex; - gap: 20px; - flex-direction: column; - } - @include e("single") { - label { - font-size: 15px; - font-weight: 400; - position: relative; - padding-left: 30px; - color: #484848; - cursor: pointer; - &:before { - content: ""; - display: inline-flex; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #b7b7b7; - position: absolute; - left: 0; - top: -1px; - } - &:after { - content: ""; - background-image: url("../../../../images/check.svg"); - background-repeat: no-repeat; - width: 9px; - height: 7px; - position: absolute; - left: 5px; - top: 6px; - opacity: 0; - transition: opacity 0.3s ease; - } - } - input[type="checkbox"] { - display: none; - &:checked { - ~ label { - &:before { - background-color: #4353ff; - border-color: #4353ff; - } - &:after { - opacity: 1; - } - } - } - } - } - @include e("btn") { - margin-top: 20px; - } - @include e("notice") { - margin-top: 10px; - font-size: 14px; - font-weight: 400; - text-align: center; - } - } - @include e("btns") { - display: flex; - gap: 15px; - flex-wrap: wrap; - justify-content: center; - } - @include e("pricing") { - @include e("checkbox") { - display: flex; - flex-wrap: wrap; - gap: 20px; - justify-content: space-between; - .feature-title { - font-size: 14px; - color: #484848; - } - label { - display: flex; - position: relative; - cursor: pointer; - &:before { - content: ""; - width: 40px; - height: 20px; - border-radius: 15px; - border: 1px solid #4353ff; - background: transparent; - position: absolute; - right: 0; - top: 0; - } - &:after { - content: ""; - position: absolute; - right: 22px; - top: 4px; - width: 14px; - height: 14px; - border-radius: 100%; - background-color: #4353ff; - transition: all 0.3s ease; - } - } - input[type="checkbox"] { - display: none; - &:checked { - ~ label { - &:before { - background-color: #4353ff; - } - &:after { - right: 5px; - background-color: #ffffff; - } - } - ~ .directorist-setup-wizard__content__pricing__amount { - display: flex; - align-items: center; - justify-content: space-between; - flex: 0 0 100%; - } - } - } - } - @include e("amount") { - display: none; - .price-title { - font-size: 14px; - color: #484848; - } - .price-amount { - font-size: 14px; - font-weight: 500; - color: #141414; - border-radius: 8px; - background-color: #ebebeb; - border: 1px solid #ebebeb; - padding: 10px 15px; - input { - border: none; - outline: none; - box-shadow: none; - padding: 0; - max-width: 45px; - background: transparent; - } - } - } - } - @include e("gateway") { - @include e("checkbox") { - display: flex; - gap: 10px; - flex-wrap: wrap; - justify-content: space-between; - margin: 0 0 20px; - &:last-child { - margin: 0; - } - .gateway-title { - font-size: 14px; - color: #484848; - } - label { - display: flex; - position: relative; - cursor: pointer; - &:before { - content: ""; - width: 40px; - height: 20px; - border-radius: 15px; - border: 1px solid #4353ff; - background: transparent; - position: absolute; - right: 0; - top: 0; - } - &:after { - content: ""; - position: absolute; - right: 22px; - top: 4px; - width: 14px; - height: 14px; - border-radius: 100%; - background-color: #4353ff; - transition: all 0.3s ease; - } - } - input[type="checkbox"] { - display: none; - &:checked { - ~ label { - &:before { - background-color: #4353ff; - } - &:after { - right: 5px; - background-color: #ffffff; - } - } - } - } - .enable-warning { - flex: 0 0 100%; - font-size: 12px; - font-style: italic; - } - } - } - @include e("notice") { - display: flex; - gap: 5px; - align-items: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #484848; - transition: color 0.3s eases; - &:hover { - color: #4353ff; - } - } - } - @include e("checkbox") { - display: flex; - align-items: center; - gap: 10px; - @media (max-width: 480px) { - width: 100%; - label { - width: 100%; - } - } - @include m("custom") { - flex: 0 0 100%; - display: none; - } - 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; - transition: background-color 0.3s ease; - box-sizing: border-box; - cursor: pointer; - &:before { - content: ""; - background-image: url("../../../../images/checkbox.svg"); - background-repeat: no-repeat; - width: 16px; - height: 16px; - position: absolute; - right: 10px; - top: 50%; - transform: translateY(-50%); - font-size: 14px; - opacity: 0; - } - } - input[type="checkbox"] { - display: none; - &:checked { - ~ label { - background-color: #4353ff40; - border-color: transparent; - &::before { - opacity: 1; - } - } - } - &:disabled { - ~ label { - background-color: #ebebeb; - color: #b7b7b7; - cursor: not-allowed; - } - } - } - input[type="text"] { - width: 100%; - height: 42px; - border-radius: 4px; - padding: 0 16px; - background-color: #ebebeb; - border: none; - outline: none; - box-sizing: border-box; - &::placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; - } - } - } - @include e("counter") { - width: 100%; - text-align: left; - @include e("title") { - font-size: 20px; - font-weight: 600; - color: #141414; - margin: 0 0 10px; - } - @include e("desc") { - display: none; - font-size: 14px; - color: #404040; - margin: 0 0 10px; - } - .selected_count { - color: #4353ff; - } - } - @include e("introduction") { - max-width: 700px; - margin: 0 auto; - text-align: center; - padding: 50px 0 100px; - } - @include e("step") { - display: flex; - flex: 1; - gap: 15px; - padding: 50px 15px 100px; - flex-direction: column; - align-items: center; - box-sizing: border-box; - @media (max-width: 767px) { - padding-top: 100px; - } - } - @include e("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) { - padding: 30px 25px; - } - @media (max-width: 375px) { - padding: 30px 20px; - } - @include e("content") { - @include e("title") { - font-size: 24px; - font-weight: 400; - margin: 0 0 5px; - color: #141414; - @include m("section") { - font-size: 15px; - font-weight: 400; - color: #141414; - margin: 0 0 10px; - } - } - @include e("desc") { - font-size: 15px; - font-weight: 400; - margin: 0 0 25px; - color: #484848; - } - - @include e("form") { - position: relative; - &:before { - content: ""; - background-image: url("../../../../images/search.svg"); - background-repeat: no-repeat; - width: 14px; - height: 14px; - position: absolute; - left: 18px; - top: 14px; - } - .address_result { - background-color: #ffffff; - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - } - &.directorist-search-field { - .directorist-setup-wizard__box__content__input--clear { - display: none; - } - &.input-is-focused { - .directorist-setup-wizard__box__content__input--clear { - display: block; - } - } - } - - } - @include e("input") { - 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; - @include m("clear") { - position: absolute; - right: 40px; - top: 14px; - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; - } - } - } - @include e("location-icon") { - position: absolute; - right: 18px; - top: 14px; - .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; - } - } - } - } - @include e("map") { - margin-top: 20px; - #gmap { - height: 280px; - border-radius: 8px; - } - .leaflet-touch .leaflet-bar a { - background: #ffffff; - } - .leaflet-marker-icon .directorist-icon-mask:after { - width: 30px; - height: 30px; - background-color: #e23636; - mask-image: url("../../../../icons/font-awesome/svgs/solid/map-marker-alt.svg"); - } - } - @include e("notice") { - position: absolute; - bottom: 10px; - left: 50%; - transform: translateX(-50%); - font-size: 12px; - font-weight: 600; - font-style: italic; - color: #f80718; - } -} - -// Keyframes -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - - -/* data Progressing */ -.directorist-setup-wizard__step { - .directorist-setup-wizard__content{ - &.hidden{ - display: none; - } - } -} -.middle-content { - &.middle-content-import { - 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; - } - &.hidden{ - display: none; - } -} - - -.directorist-import-progress-info-text { - display: flex; - align-items: center; - align-content: center; - grid-gap: 10px; -} - -.directorist-import-progress, -.directorist-import-error { - margin-top: 25px; - .directorist-import-progress-bar-wrap { - position: relative; - overflow: hidden; - } - .import-progress-gap { - span { - background: white; - height: 6px; - position: absolute; - width: 10px; - top: -1px; - &:nth-child(1) { - left: calc(25% - 10px); - } - &:nth-child(2) { - left: calc(50% - 10px); - } - &:nth-child(3) { - left: calc(75% - 10px); - } - } - } - .directorist-import-progress-bar-bg { - height: 4px; - background: #e5e7eb; - width: 100%; - position: relative; - .directorist-import-progress-bar { - position: absolute; - left: 0; - top: 0; - background: #2563eb; - transition: all 1s; - width: 0%; - height: 100%; - &.import-done { - background: #38c172; - } - } - } - .directorist-import-progress-info { - 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; - } - .directorist-import-progress-bar-bg { - width: 100%; - margin-bottom: 15px; - .directorist-import-progress-bar { - background: #2563eb; - } - } -} - -.directorist-import-process-step-bottom{ - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - img{ - width: 335px; - text-align: center; - display: inline-block; - padding: 20px 10px 0; - } -} - -.import-done-congrats { - display: flex; - align-items: center; - span { - margin-left: 17px; - } -} - -.import-done-section { - margin-top: 60px; - .tweet-import-success { - .tweet-text { - background: #ffffff; - border: 1px solid rgba(34, 101, 235, 0.1); - border-radius: 4px; - padding: 14px 21px 14px 21px; - } - .twitter-btn-wrap { - display: flex; - align-items: center; - gap: 7px; - right: 30px; - position: absolute; - margin-top: 8px; - text-decoration: none; - } - } - - .import-done-text { - margin-top: 60px; - .import-done-counter { - text-align: left; - } - .import-done-button { - margin-top: 25px; - } - } -} - -.directorist-import-done-inner, -.import-done-counter, -.import-done-section { - display: none; -} -.import-done { - .import-status-string, - .directorist-import-text-inner { - display: none; - } - .import-done-counter, - .directorist-import-done-inner, - .import-done-section { - display: block; - } -} - -.import-progress-warning { - position: relative; - top: 10px; - font-size: 15px; - font-weight: 500; - color: #e91e63; - display: block; - text-align: center; -} diff --git a/assets/src/scss/layout/public/main-style.css b/assets/src/scss/layout/public/main-style.css deleted file mode 100644 index d2596ff15e..0000000000 --- a/assets/src/scss/layout/public/main-style.css +++ /dev/null @@ -1,15152 +0,0 @@ -/* typography */ -@keyframes rotate360 { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} -@keyframes atbd_spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} -@keyframes atbd_spin2 { - 0% { - transform: translate(-50%, -50%) rotate(0deg); - } - 100% { - transform: translate(-50%, -50%) rotate(360deg); - } -} -@keyframes atbd_scale { - 0% { - transform: scale(0.8); - } - 100% { - transform: scale(1); - } -} -.reset-pseudo-link:visited, .reset-pseudo-link:active, .reset-pseudo-link:focus { - outline: none; - box-shadow: none; -} - -.cptm-shortcodes { - max-height: 300px; - overflow: scroll; -} - -.directorist-center-content { - display: flex; -} - -.directorist-center-content-inline { - display: inline-flex; -} - -.directorist-center-content, -.directorist-center-content-inline { - justify-content: center; - align-items: center; - flex-wrap: wrap; - flex-direction: column; -} - -.directorist-text-right { - text-align: right; -} - -.directorist-text-center { - text-align: center; -} - -.directorist-text-left { - text-align: left; -} - -.directorist-mt-0 { - margin-top: 0 !important; -} - -.directorist-mt-5 { - margin-top: 5px !important; -} - -.directorist-mt-10 { - margin-top: 10px !important; -} - -.directorist-mt-15 { - margin-top: 15px !important; -} - -.directorist-mt-20 { - margin-top: 20px !important; -} - -.directorist-mt-30 { - margin-top: 30px !important; -} - -.directorist-mb-0 { - margin-bottom: 0 !important; -} - -.directorist-mb-35 { - margin-bottom: 35px !important; -} - -.directorist-mb-30 { - margin-bottom: 30px !important; -} - -.directorist-mb-25 { - margin-bottom: 25px !important; -} - -.directorist-mb-20 { - margin-bottom: 20px !important; -} - -.directorist-mb-n20 { - margin-bottom: -20px !important; -} - -.directorist-mb-15 { - margin-bottom: 15px !important; -} - -.directorist-mb-10 { - margin-bottom: 10px !important; -} - -.directorist-mb-40 { - margin-bottom: 40px !important; -} - -.directorist-mb-50 { - margin-bottom: 50px !important; -} - -.directorist-mb-70 { - margin-bottom: 70px !important; -} - -.directorist-mb-80 { - margin-bottom: 80px !important; -} - -.directorist-pb-100 { - padding-bottom: 100px !important; -} - -.directorist-w-100 { - width: 100% !important; - max-width: 100% !important; -} - -.directorist-flex { - display: flex; -} - -.directorist-flex-wrap { - flex-wrap: wrap; -} - -.directorist-align-center { - align-items: center; -} - -.directorist-justify-content-center { - justify-content: center; -} - -.directorist-justify-content-between { - justify-content: space-between; -} - -.directorist-justify-content-around { - justify-content: space-around; -} - -.directorist-justify-content-start { - justify-content: flex-start; -} - -.directorist-justify-content-end { - justify-content: flex-end; -} - -.directorist-display-none { - display: none; -} - -.directorist-icon-mask:after { - content: ""; - display: block; - width: 18px; - height: 18px; - 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: var(--directorist-icon); - mask-image: var(--directorist-icon); -} - -.directorist-error__msg { - color: var(--directorist-color-danger); - font-size: 14px; -} - -.entry-content .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; -} - -/* directorist module style */ -.directorist-content-module { - border: 1px solid var(--directorist-color-border); -} -.directorist-content-module__title { - border-bottom: 1px solid var(--directorist-color-border); - display: flex; - justify-content: space-between; - padding: 15px 40px; - align-items: center; - flex-wrap: wrap; - min-height: 36px; -} -@media (max-width: 480px) { - .directorist-content-module__title { - padding: 20px; - } -} -.directorist-content-module__title h4 { - margin: 0 !important; - font-size: 18px; - font-weight: 500; - line-height: 1.2; -} -.directorist-content-module__contents { - padding: 30px 40px; -} -@media (max-width: 480px) { - .directorist-content-module__contents { - padding: 20px; - } -} -.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: #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 .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: 10px; -} -.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-statusbar { - display: none; -} -.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-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover { - color: var(--directorist-color-white); - background: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after { - background-color: #fff; -} -.directorist-content-module__contents .directorist-form-social-info-field select { - color: var(--directorist-color-primary); -} - -.directorist-content-active #directorist.atbd_wrapper { - max-width: 100%; -} -.directorist-content-active #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; -} - -#directorist-dashboard-preloader { - display: none; -} - -.directorist-form-required { - color: var(--directorist-color-danger); -} - -.directory_register_form_wrap .dgr_show_recaptcha { - 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; -} -.directory_register_form_wrap a { - text-decoration: none; -} - -.atbd_login_btn_wrapper .directorist-btn { - 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); -} - -.atbdp_login_form_shortcode .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; -} -.atbdp_login_form_shortcode a { - text-decoration: none; -} - -.directory_register_form_wrap .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; -} -.directory_register_form_wrap .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; -} - -.directorist-quick-login .directorist-form-actions { - display: flex; - gap: 15px; - align-items: center; -} - -.directorist-loader { - 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; - 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; -} -.plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; -} -.plupload-upload-uic .atbdp_button { - border: 1px solid var(--directorist-color-border); - background: 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); -} - -@media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } -} -.directorist-address-field .address_result ul, -.directorist-form-address-field .address_result ul { - list-style: none; - margin: 0; - padding: 0; - max-width: 270px; - border-radius: 10px; -} -.directorist-address-field .address_result li, -.directorist-form-address-field .address_result li { - display: flex; - align-items: center; - gap: 15px; - margin-bottom: 0; - border: none; -} -.directorist-address-field .address_result li a, -.directorist-form-address-field .address_result li a { - color: var(--directorist-color-body); - display: block; - padding: 8px 10px; -} - -.pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - border-radius: 10px; -} -@media (max-width: 575px) { - .pac-container { - max-width: unset; - width: calc(100% - 30px) !important; - left: 30px !important; - } -} -.pac-container .pac-item { - 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); -} -.pac-container .pac-item .pac-matched { - font-weight: 400; -} -.pac-container .pac-item:hover span { - color: var(--directorist-color-primary); -} -.pac-container .pac-icon-marker { - position: relative; - height: 36px; - width: 36px; - min-width: 36px; - border-radius: 10px; - margin: 0 15px 0 0; - background: var(--directorist-color-border-gray); -} -.pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - left: 50%; - top: 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("../../../icons/font-awesome/svgs/solid/map-marker-alt.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/map-marker-alt.svg"); -} -.pac-container:after { - display: none; -} - -p.status:empty { - display: none; -} - -.gateway_list input[type=radio] { - margin-right: 5px; -} - -.directorist-checkout-form .directorist-container-fluid { - box-sizing: border-box; -} -.directorist-checkout-form ul { - 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); -} -.directorist-select select:focus { - outline: 0; -} - -.select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); -} - -body.logged-in .select2-container--open .select2-dropdown--above { - top: 32px; -} - -.select2-container--default .select2-dropdown { - border: none; - border-radius: 10px !important; - background-color: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow); -} -.select2-container--default .select2-search--dropdown { - padding: 20px 20px 10px 20px; -} -.select2-container--default .select2-search__field { - height: 40px; - padding: 10px 18px; - border-radius: 8px; - color: var(--directorist-color-deep-gray); - border: 1px solid var(--directorist-color-border-gray); -} -.select2-container--default .select2-search__field:focus { - outline: 0; -} -.select2-container--default .select2-results { - padding-bottom: 10px; -} -.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; -} -.select2-container--default .select2-results__option--highlighted { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent !important; -} -.select2-container--default .select2-results__message { - margin-bottom: 10px !important; -} -.select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-left: 0; - margin-top: 8.5px; -} -.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group { - margin-bottom: 0; - padding: 0; -} -.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control { - height: 24.5px; -} -.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { - margin: 0; - width: 100% !important; -} -.select2-container--default.select2-container--open .select2-results__option { - margin: 0; -} -.select2-container--default.select2-container--open .select2-results__option[aria-selected=true] { - font-weight: 500; - color: var(--directorist-color-primary); - background-color: transparent; -} -.select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents { - display: flex; - align-items: center; -} -.select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - margin-right: 12px; -} -.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) { - .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: 10px; - background: var(--directorist-color-bg-light); - } -} -.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-deep-gray); -} -.select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-deep-gray); -} - -.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: 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%; -} - -/* Directorist custom grid */ -.directorist-container, -.directorist-container-fluid, -.directorist-container-xxl, -.directorist-container-xl, -.directorist-container-lg, -.directorist-container-md, -.directorist-container-sm { - 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; - } -} -@media (min-width: 768px) { - .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; - } -} -@media (min-width: 1200px) { - .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-row { - display: flex; - flex-wrap: wrap; - margin-right: -15px; - margin-left: -15px; - margin-top: -15px; - min-width: 100%; -} - -.directorist-row > * { - box-sizing: border-box; - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-top: 15px; -} - -.directorist-col { - flex: 1 0 0%; -} - -.directorist-col-auto { - flex: 0 0 auto; - width: auto; -} - -.directorist-col-1 { - flex: 1; - width: 8.3333333333%; -} - -.directorist-col-2 { - flex: 0 0 auto; - width: 16.6666666667%; -} - -.directorist-col-3 { - flex: 0 0 auto; - width: 25%; -} - -.directorist-col-4 { - flex: 0 0 auto; - width: 33.3333333333%; -} - -.directorist-col-5 { - flex: 0 0 auto; - width: 41.6666666667%; -} - -.directorist-col-6 { - flex: 0 0 auto; - width: 50%; -} - -.directorist-col-7 { - flex: 0 0 auto; - width: 58.3333333333%; -} - -.directorist-col-8 { - flex: 0 0 auto; - width: 66.6666666667%; -} - -.directorist-col-9 { - flex: 0 0 auto; - width: 75%; -} - -.directorist-col-10 { - flex: 0 0 auto; - width: 83.3333333333%; -} - -.directorist-col-11 { - flex: 0 0 auto; - width: 91.6666666667%; -} - -.directorist-col-12 { - flex: 0 0 auto; - width: 100%; -} - -.directorist-offset-1 { - margin-left: 8.3333333333%; -} - -.directorist-offset-2 { - margin-left: 16.6666666667%; -} - -.directorist-offset-3 { - margin-left: 25%; -} - -.directorist-offset-4 { - margin-left: 33.3333333333%; -} - -.directorist-offset-5 { - margin-left: 41.6666666667%; -} - -.directorist-offset-6 { - margin-left: 50%; -} - -.directorist-offset-7 { - margin-left: 58.3333333333%; -} - -.directorist-offset-8 { - margin-left: 66.6666666667%; -} - -.directorist-offset-9 { - margin-left: 75%; -} - -.directorist-offset-10 { - margin-left: 83.3333333333%; -} - -.directorist-offset-11 { - margin-left: 91.6666666667%; -} - -@media (min-width: 576px) { - .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-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-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 { - flex: 1 0 0%; - } - .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-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-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; -} - -.atbd_bg-primary { - background: #444752; -} - -.atbd_color-secondary { - color: #122069; -} - -.atbd_bg-secondary { - background: #122069; -} - -.atbd_color-success { - color: #00AC17; -} - -.atbd_bg-success { - background: #00AC17; -} - -.atbd_color-info { - color: #2C99FF; -} - -.atbd_bg-info { - background: #2C99FF; -} - -.atbd_color-warning { - color: #EF8000; -} - -.atbd_bg-warning { - background: #EF8000; -} - -.atbd_color-danger { - color: #EF0000; -} - -.atbd_bg-danger { - background: #EF0000; -} - -.atbd_color-light { - color: #9497A7; -} - -.atbd_bg-light { - background: #9497A7; -} - -.atbd_color-dark { - color: #202428; -} - -.atbd_bg-dark { - background: #202428; -} - -.atbd_color-badge-feature { - color: #fa8b0c; -} - -.atbd_bg-badge-feature { - background: #fa8b0c; -} - -.atbd_color-badge-popular { - color: #f51957; -} - -.atbd_bg-badge-popular { - background: #f51957; -} - -/* typography */ -body.stop-scrolling { - height: 100%; - overflow: hidden; -} - -.sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(0, 0, 0, 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; -} - -@media all and (max-width: 540px) { - .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; -} - -.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; -} - -.sweet-alert fieldset { - 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; - 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; - 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; -} - -.sweet-alert .sa-error-container p { - display: inline-block; -} - -.sweet-alert .sa-input-error { - position: absolute; - top: 29px; - right: 26px; - width: 20px; - height: 20px; - opacity: 0; - transform: scale(0.5); - transform-origin: 50% 50%; - 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; -} - -.sweet-alert .sa-input-error::before { - transform: rotate(-45deg); -} - -.sweet-alert .sa-input-error::after { - transform: rotate(45deg); -} - -.sweet-alert .sa-input-error.show { - opacity: 1; - transform: scale(1); -} - -.sweet-alert input { - 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(0, 0, 0, 0.06); - padding: 0 12px; - display: none; - transition: all 0.3s; -} - -.sweet-alert input:focus { - 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; -} - -.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; -} - -.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; -} - -.sweet-alert input::-moz-placeholder { - color: #bdbdbd; -} - -.sweet-alert input:-ms-input-placeholder { - color: #bdbdbd; -} - -.sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd; -} - -.sweet-alert.show-input input { - display: block; -} - -.sweet-alert .sa-confirm-button-container { - 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; -} - -.sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; -} - -.sweet-alert button:focus { - outline: 0; - box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -.sweet-alert button:hover { - background-color: #7ecff4; -} - -.sweet-alert button:active { - background-color: #5dc2f1; -} - -.sweet-alert button.cancel { - background-color: #c1c1c1; -} - -.sweet-alert button.cancel:hover { - background-color: #b9b9b9; -} - -.sweet-alert button.cancel:active { - background-color: #a8a8a8; -} - -.sweet-alert button.cancel:focus { - box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(0, 0, 0, 0.0470588) 0 0 0 1px inset !important; -} - -.sweet-alert button[disabled] { - opacity: 0.6; - cursor: default; -} - -.sweet-alert button.confirm[disabled] { - color: transparent; -} - -.sweet-alert button.confirm[disabled] ~ .la-ball-fall { - opacity: 1; - visibility: visible; - transition-delay: 0; -} - -.sweet-alert button::-moz-focus-inner { - border: 0; -} - -.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 .sa-icon { - width: 80px; - height: 80px; - border: 4px solid gray; - 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; -} - -.sweet-alert .sa-icon.sa-error .sa-x-mark { - 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; -} - -.sweet-alert .sa-icon.sa-error .sa-line.sa-left { - transform: rotate(45deg); - left: 17px; -} - -.sweet-alert .sa-icon.sa-error .sa-line.sa-right { - transform: rotate(-45deg); - right: 16px; -} - -.sweet-alert .sa-icon.sa-warning { - 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; -} - -.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; -} - -.sweet-alert .sa-icon.sa-info { - 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; -} - -.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; -} - -.sweet-alert .sa-icon.sa-success { - 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; - transform: rotate(45deg); -} - -.sweet-alert .sa-icon.sa-success::before { - border-radius: 120px 0 0 120px; - top: -7px; - left: -33px; - transform: rotate(-45deg); - transform-origin: 60px 60px; -} - -.sweet-alert .sa-icon.sa-success::after { - border-radius: 0 120px 120px 0; - top: -11px; - left: 30px; - transform: rotate(-45deg); - 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%; - 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; - 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; -} - -.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - left: 14px; - top: 46px; - transform: rotate(45deg); -} - -.sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - right: 8px; - top: 38px; - 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; -} -@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); - } -} -@keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } -} -@keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } -} -@keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } -} -@keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } -} -@keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } -} -.showSweetAlert[data-animation=pop] { - animation: showSweetAlert 0.3s; -} - -.showSweetAlert[data-animation=none] { - animation: none; -} - -.showSweetAlert[data-animation=slide-from-top] { - animation: slideFromTop 0.3s; -} - -.showSweetAlert[data-animation=slide-from-bottom] { - animation: slideFromBottom 0.3s; -} - -.hideSweetAlert[data-animation=pop] { - animation: hideSweetAlert 0.2s; -} - -.hideSweetAlert[data-animation=none] { - animation: none; -} - -.hideSweetAlert[data-animation=slide-from-top] { - animation: slideToTop 0.4s; -} - -.hideSweetAlert[data-animation=slide-from-bottom] { - animation: slideToBottom 0.3s; -} -@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; - } -} -@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; - } -} -@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); - } -} -.animateSuccessTip { - animation: animateSuccessTip 0.75s; -} - -.animateSuccessLong { - animation: animateSuccessLong 0.75s; -} - -.sa-icon.sa-success.animate::after { - animation: rotatePlaceholder 4.25s ease-in; -} -@keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } -} -.animateErrorIcon { - animation: animateErrorIcon 0.5s; -} -@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; - } -} -.animateXMark { - animation: animateXMark 0.5s; -} -@keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } -} -.pulseWarning { - animation: pulseWarning 0.75s infinite alternate; -} -@keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } -} -.pulseWarningIns { - animation: pulseWarningIns 0.75s infinite alternate; -} -@keyframes rotate-loading { - 0% { - transform: rotate(0); - } - 100% { - transform: rotate(360deg); - } -} -.sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(45deg) \9 ; -} - -.sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(-45deg) \9 ; -} - -.sweet-alert .sa-icon.sa-success { - border-color: transparent\9 ; -} - -.sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(45deg) \9 ; -} - -.sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(-45deg) \9 ; -} - -/*! - * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) - * Copyright 2015 Daniel Cardoso <@DanielCardoso> - * Licensed under MIT - */ -.la-ball-fall, -.la-ball-fall > div { - position: relative; - box-sizing: border-box; -} - -.la-ball-fall { - display: block; - font-size: 0; - color: #fff; -} - -.la-ball-fall.la-dark { - color: #333; -} - -.la-ball-fall > div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor; -} - -.la-ball-fall { - width: 54px; - height: 18px; -} - -.la-ball-fall > div { - width: 10px; - height: 10px; - margin: 4px; - border-radius: 100%; - opacity: 0; - animation: ball-fall 1s ease-in-out infinite; -} - -.la-ball-fall > div:nth-child(1) { - animation-delay: -200ms; -} - -.la-ball-fall > div:nth-child(2) { - animation-delay: -100ms; -} - -.la-ball-fall > div:nth-child(3) { - animation-delay: 0; -} - -.la-ball-fall.la-sm { - width: 26px; - height: 8px; -} - -.la-ball-fall.la-sm > div { - width: 4px; - height: 4px; - margin: 2px; -} - -.la-ball-fall.la-2x { - width: 108px; - height: 36px; -} - -.la-ball-fall.la-2x > div { - width: 20px; - height: 20px; - margin: 8px; -} - -.la-ball-fall.la-3x { - width: 162px; - height: 54px; -} - -.la-ball-fall.la-3x > div { - width: 30px; - height: 30px; - margin: 12px; -} -@keyframes ball-fall { - 0% { - opacity: 0; - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - transform: translateY(0); - } - 80% { - opacity: 1; - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - transform: translateY(145%); - } -} -.directorist-add-listing-types { - display: flex; -} -.directorist-add-listing-types__single { - margin-bottom: 15px; -} -.directorist-add-listing-types__single__link { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - background: var(--directorist-color-white); - color: var(--directorist-color-primary); - font-size: 16px; - font-weight: 500; - text-decoration: none; - text-align: center; - padding: 40px 0; - border-radius: 16px; - box-shadow: var(--directorist-box-shadow); - transition: all 0.3s ease-in-out; - /* Legacy Icon */ -} -.directorist-add-listing-types__single__link .directorist-icon-mask { - 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: all 0.3s ease-in-out; -} -.directorist-add-listing-types__single__link .directorist-icon-mask:after { - width: 23px; - height: 23px; - background-color: #fff; -} -.directorist-add-listing-types__single__link:hover { - background: 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: #000; -} -.directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; -} - -.directorist-add-listing-wrapper { - display: flex; -} - -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - border: none; - margin-bottom: 35px; - border-radius: 16px; - box-shadow: var(--directorist-box-shadow); - /* social info */ -} -.directorist-add-listing-form .directorist-content-module__title, -#directiost-listing-fields_wrapper .directorist-content-module__title { - gap: 15px; - justify-content: flex-start; -} -.directorist-add-listing-form .directorist-content-module__title i, -#directiost-listing-fields_wrapper .directorist-content-module__title i { - display: flex; - align-items: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; - background-color: var(--directorist-color-primary); -} -.directorist-add-listing-form .directorist-content-module__title i:after, -#directiost-listing-fields_wrapper .directorist-content-module__title i:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-group:not(:last-child), -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group:not(:last-child) { - margin-bottom: 40px; -} -.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: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: 54px; -} -.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: 42px; - top: 34px; -} -.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; -} -@media screen and (max-width: 575px) { - .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, - #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - flex-direction: column; - } -} -.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; -} -@media screen and (max-width: 575px) { - .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 { - width: 100%; - } -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group.directorist-form-social-fields__action, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group.directorist-form-social-fields__action { - flex: unset; -} -.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: 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: 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-alert-required, -#directiost-listing-fields_wrapper .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; -} - -/* ========================== - add listing form fields -============================= */ -/* listing label */ -.directorist-form-label { - display: block; - color: var(--directorist-color-primary); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; -} - -.directorist-custom-field-radio > .directorist-form-label, -.directorist-custom-field-checkbox > .directorist-form-label { - margin-bottom: 10px; -} - -/* listing type */ -.directorist-form-listing-type { - display: flex; - flex-wrap: wrap; - gap: 20px; -} -@media (max-width: 767px) { - .directorist-form-listing-type { - flex-direction: column; - } -} -.directorist-form-listing-type .directorist-form-label { - font-size: 18px; - font-weight: 500; - flex: 0 0 100%; - margin: 0; -} -.directorist-form-listing-type__single { - flex: 0 0 45%; -} -.directorist-form-listing-type__single.directorist-radio { - align-items: flex-start; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label { - width: 100%; - padding: 25px; - font-size: 15px; - font-weight: 500; - padding-left: 55px; - border-radius: 16px; - cursor: pointer; - color: var(--directorist-color-primary); - border: 3px solid var(--directorist-color-border-gray); -} -.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: 31px; - top: 31px; -} -.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); -} - -/* Pricing */ -.directorist-form-pricing-field__options { - 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: 15px; - font-weight: 700; - min-height: 18px; - padding-left: 27px; -} -@media screen and (max-width: 575px) { - .directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - padding: 0 27px 0 0; - } -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after { - 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: #fff; - border-radius: 100%; - border: 5px solid #000; -} -@media screen and (max-width: 575px) { - .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - left: unset; - right: 0; - } -} -.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%; -} - -.price-type-price_range .directorist-form-pricing-field__options, -.price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; -} - -/* location */ -.directorist-select-multi select { - display: none; -} - -#directorist-location-select { - z-index: 113 !important; -} - -/* tags */ -#directorist-tag-select { - z-index: 112 !important; -} - -/* categories */ -#directorist-category-select { - z-index: 111 !important; -} - -.directorist-form-group .select2-selection { - 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; -} -.directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; -} - -/* hide contact owner */ -.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; -} - -.directorist-map-coordinates { - padding: 0 0 15px 0; - display: flex; - flex-wrap: wrap; - align-items: center; - margin: 15px -15px 0; -} -.directorist-map-coordinates .directorist-form-group { - flex: 1; - padding-left: 15px; - padding-right: 15px; - max-width: 290px; -} -.directorist-map-coordinates__generate { - 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-form-map-field__wrapper { - margin-bottom: 10px; -} -.directorist-form-map-field__maps #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 16px; -} -.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: 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(0, 0, 0, 0.2); - 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("../../../icons/font-awesome/svgs/solid/map-pin.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/map-pin.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 .map_drag_info { - display: none; -} - -/* EZ Media Upload */ -.directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 16px; - padding: 35px 0; - margin: 0; - background: 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: 145px; -} -.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 { - 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; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after { - width: 90px; - height: 80px; - background: var(--directorist-color-border-gray); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap { - display: flex; - align-items: center; - justify-content: center; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label { - margin: 0; - padding: 0 5px; - box-shadow: none; - line-height: 25px; - background: transparent; - color: #ff385c; -} -.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: 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("../../../icons/font-awesome/svgs/regular/image.svg"); - mask-image: url("../../../icons/font-awesome/svgs/regular/image.svg"); -} -.directorist-form-image-upload-field .ezmu__info-list-item:empty { - display: none; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item { - width: auto; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list { - gap: 8px; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item { - width: 100px; - margin: 0; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__featured_tag { - display: none; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__thumbnail-front-item { - display: none; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__thumbnail-front-item.ezmu__front-item__close { - display: block; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__thumbnail-front-item.ezmu__front-item__close .ezmu__front-item__close-icon { - background: #ff385c; - height: 32px; - width: 32px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - transition: 0.3s ease; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__thumbnail-front-item.ezmu__front-item__close .ezmu__front-item__close-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_front .ezmu__thumbnail-front-item.ezmu__front-item__close .ezmu__front-item__close-icon:hover { - opacity: 0.8; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_back { - position: relative; - height: 80px; - width: 100%; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img { - -o-object-fit: cover; - object-fit: cover; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item .ezmu__thumbnail-list-item_back:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); - opacity: 0; - visibility: visible; - transition: all ease 0.3s; -} -.directorist-form-image-upload-field .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; -} -.directorist-form-image-upload-field .ezmu__media-picker-buttons { - margin-top: 0; -} -.directorist-form-image-upload-field .ezmu__titles-area .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; -} -.directorist-form-image-upload-field .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: #fff; -} -.directorist-form-image-upload-field .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { - pointer-events: none; - opacity: 0.7; -} -.directorist-form-image-upload-field .directorist-image-upload.max-file-reached.highlight { - position: relative; -} -.directorist-form-image-upload-field .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-form-image-upload-field .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-form-image-upload-field .ezmu__info-list { - display: flex; - align-items: center; - flex-direction: column; - gap: 8px; - margin: 15px 0 0; -} -.directorist-form-image-upload-field .ezmu__info-list .ezmu__info-list-item { - margin: 0; -} - -.directorist-add-listing-form { - /* form action */ -} -.directorist-add-listing-form__action { - display: flex; - flex-direction: column; - border-radius: 16px; - box-shadow: var(--directorist-box-shadow); -} -.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; - 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; -} -.directorist-add-listing-form__action #listing_notifier { - padding: 0 40px; - margin: 30px 0 20px; - font-weight: 600; - color: var(--directorist-color-danger); -} -.directorist-add-listing-form__action #listing_notifier .atbdp_success { - color: var(--directorist-color-success); -} -.directorist-add-listing-form__action .directorist-form-group, -.directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 40px 0; - margin: 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; -} -.directorist-add-listing-form__action .directorist-form-group label a, -.directorist-add-listing-form__action .directorist-checkbox label a { - color: var(--directorist-color-info); -} -.directorist-add-listing-form__action .directorist-form-required { - padding-left: 5px; -} -.directorist-add-listing-form__publish { - padding: 100px 15px; - margin-bottom: 0; - text-align: center; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background: var(--directorist-color-light); -} -.directorist-add-listing-form__publish__icon i:after { - width: 30px; - height: 30px; - background: var(--directorist-color-primary); -} -.directorist-add-listing-form__publish__title { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; -} -.directorist-add-listing-form__publish__subtitle { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; -} -.directorist-add-listing-form .leaflet-pane .leaflet-marker-icon .atbd_map_shape { - width: 50px; - height: 50px; -} -.directorist-add-listing-form .leaflet-pane .leaflet-marker-icon .atbd_map_shape:before { - left: -25px; - top: -25px; - border: 50px solid rgba(0, 0, 0, 0.2); -} -.directorist-add-listing-form .leaflet-pane .leaflet-marker-icon .atbd_map_shape .directorist-icon-mask::after { - width: 12px; - height: 20px; - background: var(--directorist-color-white); -} - -/* Custom Fields */ -/* select */ -.directorist-custom-field-select select.directorist-form-element { - 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; -} -.plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; -} -.plupload-upload-uic .directorist-dropbox-file-types { - 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; -} - -.directorist-modal-container.show { - display: block; -} - -.directorist-modal-wrap { - 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: #fff; - border-radius: 10px; - overflow: hidden; -} - -.directorist-modal-header { - display: flex; - padding: 10px 20px; - justify-content: space-between; - align-items: center; - border-bottom: 1px solid #e4e4e4; -} - -.directorist-modal-title-area { - display: block; -} - -.directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; -} - -.directorist-modal-actions-area { - display: block; - padding: 0 10px; -} - -.directorist-modal-body { - display: block; - padding: 20px; -} - -.directorist-form-privacy { - 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-form-terms { - display: flex; -} -.directorist-form-privacy a, -.directorist-form-terms a { - text-decoration: none; -} - -/* ============================= - backend add listing form -================================*/ -.add_listing_form_wrapper .hide-if-no-js { - display: flex; - 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; -} - -.directorist-map-field #floating-panel { - margin-bottom: 20px; -} -.directorist-map-field #floating-panel #delete_marker { - background-color: var(--directorist-color-danger); - border: 1px solid var(--directorist-color-danger); - color: #fff; -} - -#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: flex; - flex-wrap: wrap; -} -.directorist-custom-field-radio .directorist-form-label, -.directorist-custom-field-radio .directorist-custom-field-btn-more, -.directorist-custom-field-checkbox .directorist-form-label, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more { - 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 { - flex: 0 0 50%; -} -@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 { - 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; -} -.directorist-custom-field-radio .directorist-custom-field-btn-more:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more:after { - font-size: 14px; - font-family: "Line Awesome Free"; - content: "\f107"; - font-weight: 900; - padding-left: 5px; -} -.directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after { - content: "\f106"; -} - -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered { - height: 40px; - 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; -} - -.multistep-wizard { - display: flex; - gap: 30px; -} -@media only screen and (max-width: 991px) { - .multistep-wizard { - flex-direction: column; - } -} -.multistep-wizard__nav { - display: flex; - flex-direction: column; -} -@media only screen and (max-width: 991px) { - .multistep-wizard__nav { - gap: 10px; - flex-wrap: wrap; - flex-direction: row; - } -} -.multistep-wizard__nav__btn { - 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; - border-radius: 12px; - text-decoration: unset; - color: var(--directorist-color-light-gray); - background-color: transparent; - transition: all 0.3s ease-in-out; -} -.multistep-wizard__nav__btn i { - 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); -} -.multistep-wizard__nav__btn:before { - position: absolute; - right: 20px; - top: 50%; - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url("../../../icons/font-awesome/svgs/solid/arrow-right.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/arrow-right.svg"); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: #000; - display: block; - opacity: 0; - transition: all 0.3s ease 0s; - z-index: 2; -} -.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover { - font-weight: 600; - color: var(--directorist-color-dark); - background: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow-sm); -} -.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before { - opacity: 1; -} -.multistep-wizard__nav__btn.active i::after, .multistep-wizard__nav__btn:hover i::after { - background-color: var(--directorist-color-primary); -} -.multistep-wizard__nav__btn:focus { - text-decoration: unset; -} -.multistep-wizard__nav__btn.completed { - color: var(--directorist-color-dark); -} -.multistep-wizard__nav__btn.completed:before { - -webkit-mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - opacity: 1; -} -.multistep-wizard__nav__btn.completed i::after { - background-color: var(--directorist-color-primary); -} -.multistep-wizard__content { - flex: 1; -} -.multistep-wizard__single { - display: none; -} -.multistep-wizard__single.active { - display: block; -} -.multistep-wizard__single label { - display: block; -} -.multistep-wizard__single span.required { - color: var(--directorist-color-danger); -} -.multistep-wizard__progressbar { - position: relative; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 10px; -} -.multistep-wizard__progressbar:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-border); - border-radius: 10px; - transition: width 0.3s ease-in-out; -} -.multistep-wizard__progressbar__width { - 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: 10px; - transition: width 0.3s ease-in-out; -} -.multistep-wizard__bottom { - 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; - justify-content: center; - } -} -.multistep-wizard__btn { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); -} -.multistep-wizard__btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.multistep-wizard__btn:hover i:after { - background-color: var(--directorist-color-white); -} -.multistep-wizard__btn[disabled=true] { - color: var(--directorist-color-light-gray); - pointer-events: none; -} -.multistep-wizard__btn[disabled=true] i:after { - background-color: var(--directorist-color-light-gray); -} -.multistep-wizard__btn i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); -} -.multistep-wizard__btn--save-preview { - flex: 0 0 100%; -} -.multistep-wizard__btn--save-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; -} -@media only screen and (max-width: 575px) { - .multistep-wizard__btn--save-preview { - width: 100%; - } -} -.multistep-wizard__btn--skip-preview { - flex: 0 0 100%; -} -.multistep-wizard__btn--skip-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; -} -.multistep-wizard__btn.directorist-btn { - min-height: unset; -} -@media only screen and (max-width: 575px) { - .multistep-wizard__btn.directorist-btn { - flex: 0 0 100%; - } -} -.multistep-wizard__count { - font-size: 15px; - font-weight: 500; -} -@media only screen and (max-width: 575px) { - .multistep-wizard__count { - flex: 0 0 100%; - text-align: center; - } -} - -.upload-error { - display: block !important; - clear: both; - background: #FCD9D9; - color: #E80000; - font-size: 16px; - word-break: break-word; - border-radius: 3px; - padding: 15px 20px; -} - -#upload-msg { - display: block; - clear: both; -} - -#content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden; -} - -#content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px; -} - -#content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden; -} - -#content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px; -} - -#sidebar .recent_comments li img.thumb { - width: 40px; -} - -.post_img_tiny img { - width: 35px; -} - -.single_post_blog img.alignleft { - width: 96%; - height: auto; -} - -.ecu_images { - width: 100%; -} - -.filelist { - width: 100%; -} - -.filelist .file { - padding: 5px; - background: #ececec; - border: solid 1px #ccc; - margin-bottom: 4px; - clear: both; - text-align: left; -} - -.filelist .fileprogress { - width: 0%; - background: #3385ff; - height: 5px; -} - -#custom-filedropbox { - display: flex; - align-items: center; - justify-content: flex-start; - gap: 20px; -} - -.plupload-upload-uic { - width: 200px; - height: 150px; - padding: 0; - display: flex; - gap: 15px; - align-items: center; - justify-content: center; - flex-direction: column; - border-radius: 16px; - margin: 0 !important; - background: var(--directorist-color-bg-gray); - border: 2px dashed var(--directorist-color-border-gray); -} -.plupload-upload-uic > input { - display: none; -} -.plupload-upload-uic .plupload-browse-button-label { - cursor: pointer; -} -.plupload-upload-uic .plupload-browse-button-label i::after { - 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); -} - -.plupload-thumbs { - clear: both; - overflow: hidden; -} - -.plupload-thumbs .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 16px; -} -.plupload-thumbs .thumb img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 16px; -} -.plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; -} -.plupload-thumbs .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - right: 10px; - background: #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; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink i { - 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: 16px; - transition: all ease 0.3s; - background-color: rgba(0, 0, 0, 0.5); -} - -.plupload-thumbs .thumb.atbdp_file { - 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; -} - -.plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1; -} - -.plupload-thumbs .thumb .thumbi { - position: absolute; - right: -10px; - top: -8px; - height: 18px; - width: 18px; -} - -.plupload-thumbs .thumb .thumbi a { - 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; -} - -.plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; -} - -/* required styles */ -.leaflet-pane, -.leaflet-tile, -.leaflet-marker-icon, -.leaflet-marker-shadow, -.leaflet-tile-container, -.leaflet-pane > svg, -.leaflet-pane > canvas, -.leaflet-zoom-box, -.leaflet-image-layer, -.leaflet-layer { - position: absolute; - left: 0; - top: 0; -} - -.leaflet-container { - overflow: hidden; -} - -.leaflet-tile, -.leaflet-marker-icon, -.leaflet-marker-shadow { - -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; -} - -/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ -.leaflet-safari .leaflet-tile { - 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; -} - -.leaflet-marker-icon, -.leaflet-marker-shadow { - display: block; -} - -/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ -/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ -.leaflet-container .leaflet-overlay-pane svg, -.leaflet-container .leaflet-marker-pane img, -.leaflet-container .leaflet-shadow-pane img, -.leaflet-container .leaflet-tile-pane img, -.leaflet-container img.leaflet-image-layer, -.leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; -} - -.leaflet-container.leaflet-touch-zoom { - touch-action: pan-x pan-y; -} - -.leaflet-container.leaflet-touch-drag { - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; -} - -.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - touch-action: none; -} - -.leaflet-container { - -webkit-tap-highlight-color: transparent; -} - -.leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); -} - -.leaflet-tile { - filter: inherit; - visibility: hidden; -} - -.leaflet-tile-loaded { - visibility: inherit; -} - -.leaflet-zoom-box { - width: 0; - height: 0; - 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; -} - -.leaflet-pane { - z-index: 400; -} - -.leaflet-tile-pane { - z-index: 200; -} - -.leaflet-overlay-pane { - z-index: 400; -} - -.leaflet-shadow-pane { - z-index: 500; -} - -.leaflet-marker-pane { - z-index: 600; -} - -.leaflet-tooltip-pane { - z-index: 650; -} - -.leaflet-popup-pane { - z-index: 700; -} - -.leaflet-map-pane canvas { - z-index: 100; -} - -.leaflet-map-pane svg { - z-index: 200; -} - -.leaflet-vml-shape { - width: 1px; - height: 1px; -} - -.lvml { - 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; -} - -.leaflet-top, -.leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; -} - -.leaflet-top { - top: 0; -} - -.leaflet-right { - right: 0; - display: none; -} - -.leaflet-bottom { - bottom: 0; -} - -.leaflet-left { - left: 0; -} - -.leaflet-control { - float: left; - clear: both; -} - -.leaflet-right .leaflet-control { - float: right; -} - -.leaflet-top .leaflet-control { - margin-top: 10px; -} - -.leaflet-bottom .leaflet-control { - margin-bottom: 10px; -} - -.leaflet-left .leaflet-control { - margin-left: 10px; -} - -.leaflet-right .leaflet-control { - margin-right: 10px; -} - -/* zoom and fade animations */ -.leaflet-fade-anim .leaflet-tile { - will-change: opacity; -} - -.leaflet-fade-anim .leaflet-popup { - opacity: 0; - transition: opacity 0.2s linear; -} - -.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; -} - -.leaflet-zoom-animated { - transform-origin: 0 0; -} - -.leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; -} - -.leaflet-zoom-anim .leaflet-zoom-animated { - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); -} - -.leaflet-zoom-anim .leaflet-tile, -.leaflet-pan-anim .leaflet-tile { - transition: none; -} - -.leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; -} - -/* cursors */ -.leaflet-interactive { - cursor: pointer; -} - -.leaflet-grab { - cursor: grab; -} - -.leaflet-crosshair, -.leaflet-crosshair .leaflet-interactive { - cursor: crosshair; -} - -.leaflet-popup-pane, -.leaflet-control { - cursor: auto; -} - -.leaflet-dragging .leaflet-grab, -.leaflet-dragging .leaflet-grab .leaflet-interactive, -.leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: grabbing; -} - -/* marker & overlays interactivity */ -.leaflet-marker-icon, -.leaflet-marker-shadow, -.leaflet-image-layer, -.leaflet-pane > svg path, -.leaflet-tile-container { - 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; -} - -/* visual tweaks */ -.leaflet-container { - background: #ddd; - outline: 0; -} - -.leaflet-container a, -.leaflet-container .map-listing-card-single__content a { - color: #404040; -} - -.leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; -} - -.leaflet-zoom-box { - 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; -} - -/* general toolbar styles */ -.leaflet-bar { - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; -} - -.leaflet-bar a, -.leaflet-bar a:hover { - background-color: #fff; - 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; -} - -.leaflet-bar a:hover { - background-color: #f4f4f4; -} - -.leaflet-bar a:first-child { - 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; -} - -.leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; -} - -.leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; -} - -.leaflet-touch .leaflet-bar a:first-child { - 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; -} - -/* zoom control */ -.leaflet-control-zoom-in, -.leaflet-control-zoom-out { - 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; -} - -/* layers control */ -.leaflet-control-layers { - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background: #fff; - border-radius: 5px; -} - -.leaflet-control-layers-toggle { - width: 36px; - height: 36px; -} - -.leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; -} - -.leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; -} - -.leaflet-control-layers .leaflet-control-layers-list, -.leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; -} - -.leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; -} - -.leaflet-control-layers-expanded { - padding: 6px 10px 6px 6px; - color: #333; - background: #fff; -} - -.leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-right: 5px; -} - -.leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; -} - -.leaflet-control-layers label { - display: block; -} - -.leaflet-control-layers-separator { - 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: #fff; - background: rgba(255, 255, 255, 0.7); - margin: 0; -} - -.leaflet-control-attribution, -.leaflet-control-scale-line { - padding: 0 5px; - color: #333; -} - -.leaflet-control-attribution a { - text-decoration: none; -} - -.leaflet-control-attribution a:hover { - text-decoration: underline; -} - -.leaflet-container .leaflet-control-attribution, -.leaflet-container .leaflet-control-scale { - font-size: 11px; -} - -.leaflet-left .leaflet-control-scale { - margin-left: 5px; -} - -.leaflet-bottom .leaflet-control-scale { - 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; - box-sizing: border-box; - background: #fff; - 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; -} - -.leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; -} - -.leaflet-touch .leaflet-control-attribution, -.leaflet-touch .leaflet-control-layers, -.leaflet-touch .leaflet-bar { - 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; -} - -/* popup */ -.leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; -} - -.leaflet-popup-content-wrapper { - padding: 1px; - text-align: left; - border-radius: 12px; -} - -.leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; -} - -.leaflet-popup-content p { - margin: 18px 0; -} - -.leaflet-popup-tip-container { - 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; - transform: rotate(45deg); -} - -.leaflet-popup-content-wrapper, -.leaflet-popup-tip { - 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; -} - -.leaflet-container a.leaflet-popup-close-button:hover { - color: #999; -} - -.leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; -} - -.leaflet-oldie .leaflet-popup-content-wrapper { - 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); -} - -.leaflet-oldie .leaflet-popup-tip-container { - 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; -} - -/* div icon */ -.leaflet-div-icon { - background: #fff; - border: 1px solid #666; -} - -/* Tooltip */ -/* Base styles for the element that has a tooltip */ -.leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: #fff; - border: 1px solid #fff; - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-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; -} - -.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: ""; -} - -/* Directions */ -.leaflet-tooltip-bottom { - margin-top: 6px; -} - -.leaflet-tooltip-top { - margin-top: -6px; -} - -.leaflet-tooltip-bottom:before, -.leaflet-tooltip-top:before { - left: 50%; - margin-left: -6px; -} - -.leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: #fff; -} - -.leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-left: -6px; - border-bottom-color: #fff; -} - -.leaflet-tooltip-left { - margin-left: -6px; -} - -.leaflet-tooltip-right { - margin-left: 6px; -} - -.leaflet-tooltip-left:before, -.leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; -} - -.leaflet-tooltip-left:before { - right: 0; - margin-right: -12px; - border-left-color: #fff; -} - -.leaflet-tooltip-right:before { - left: 0; - margin-left: -12px; - border-right-color: #fff; -} - -#map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; -} - -#gmap_full_screen_button { - 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: var(--directorist-color-white); - cursor: pointer; -} -#gmap_full_screen_button i::after { - width: 22px; - height: 22px; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); -} -#gmap_full_screen_button .fullscreen-disable { - display: none; -} - -#progress { - display: none; - position: absolute; - z-index: 1000; - left: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-left: -100px; - background-color: #fff; - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; -} - -#progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; -} - -.gm-fullscreen-control { - 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; -} - -.gmnoprint, -.gm-style-cc { - display: none; -} - -.italic { - font-style: italic; -} - -.buttonsTable { - border: 1px solid grey; - border-collapse: collapse; -} - -.buttonsTable td, -.buttonsTable th { - padding: 8px; - border: 1px solid grey; -} - -.version-disabled { - text-decoration: line-through; -} - -/* wp color picker */ -.directorist-form-group .wp-picker-container .button { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - transition: 0.3s ease; - border-radius: 3px; -} -.directorist-form-group .wp-picker-container .button:hover { - background: rgba(0, 0, 0, 0.7); -} -.directorist-form-group .wp-picker-container .button .wp-color-result-text { - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); - height: 100%; - width: 100px; - display: flex; - align-items: center; - justify-content: center; - line-height: 1; - font-size: 14px; - background: #f7f7f7; - color: #222; -} -.directorist-form-group .wp-picker-container .wp-picker-input-wrap label { - width: 90px; -} -.directorist-form-group .wp-picker-container .wp-picker-input-wrap label input { - height: 40px; - padding: 0; - text-align: center; -} -.directorist-form-group .wp-picker-container .hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-open + .wp-picker-input-wrap { - display: block; -} -.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; -} - -.diectorist-show { - display: block; -} - -.diectorist-hide { - display: none; -} - -.directorist-d-none { - display: none; -} - -.directorist-text-center { - text-align: center; -} - -/* Container within container spacing issue fix */ -.directorist-container-fluid > .directorist-container-fluid { - padding-left: 0; - padding-right: 0; -} - -.directorist-announcement-wrapper .directorist_not-found p { - margin-bottom: 0; -} - -.atbdp-range-slider-widget .directorist-range-slider-current-value { - margin-bottom: 10px; -} - -.select2-container--open .select2-dropdown.select2-dropdown--below { - top: 0; - border-color: var(--directorist-color-border); -} - -.logged-in .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 32px; -} - -.directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear { - display: none; -} - -.select2.select2-container.select2-container--default { - width: 100% !important; -} -.select2.select2-container.select2-container--default .select2-selection { - height: 42px; - border: none; - border-radius: 0; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border-gray); -} -.select2.select2-container.select2-container--default .select2-selection:focus { - border-color: var(--directorist-color-primary); - outline: none; -} -.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); -} -.select2.select2-container.select2-container--default .select2-selection__choice__remove { - position: relative; - width: 12px; - margin: 0; - font-size: 0; - color: var(--directorist-color-white); -} -.select2.select2-container.select2-container--default .select2-selection__choice__remove:before { - content: ""; - -webkit-mask-image: url("../../../icons/line-awesome/svgs/times-solid.svg"); - mask-image: url("../../../icons/line-awesome/svgs/times-solid.svg"); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); - position: absolute; - top: 50%; - transform: translateY(-50%); -} -.select2.select2-container.select2-container--default .select2-selection__rendered { - display: flex; - gap: 5px; - height: 40px; - line-height: 40px; - font-size: 14px; - overflow-y: auto; -} -.select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear { - padding-right: 25px; -} -.select2.select2-container.select2-container--default .select2-selection__arrow b { - display: none; -} -.select2.select2-container.select2-container--focus .select2-selection { - border: none; - border-bottom: 1px solid var(--directorist-color-primary); -} - -.select2-container--default .select2-selection .select2-selection__arrow b { - margin-top: 0; -} - -.select2-container.select2-container--open { - z-index: 99999; -} -@media only screen and (max-width: 575px) { - .select2-container.select2-container--open { - width: calc(100% - 40px); - } -} - -@media only screen and (max-width: 575px) { - .select2-dropdown { - width: 100% !important; - left: -20px !important; - } -} - -.select2-container .directorist-select2-addons-area { - right: 0; -} -.select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - right: 0; - padding: 0; - width: auto; - pointer-events: none; -} -.select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close { - position: absolute; - right: 15px; - padding: 0; -} -.select2-container .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: #404040; -} - -/* Login/Signup Form CSS */ -.directorist-login-wrapper #recover-pass-modal .directorist-btn { - margin-top: 15px; -} -.directorist-login-wrapper #recover-pass-modal .directorist-btn:hover { - text-decoration: none; -} - -.directorist-widget { - margin-bottom: 25px; -} -.directorist-widget .directorist-card__header.directorist-widget__header { - padding: 15px 25px; -} -.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header--title { - flex-wrap: wrap; -} -.directorist-widget .directorist-card__body.directorist-weidget__body { - padding: 20px 30px; -} - -.directorist-widget__listing-contact .directorist-form-group { - display: flex; - margin-bottom: 20px; -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element { - height: 46px; - padding: 8px 16px; - border-radius: 10px; - 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 textarea { - min-height: 130px; - resize: none; -} -.directorist-widget__listing-contact .directorist-btn { - width: 100%; -} - -.directorist-widget__submit-listing .directorist-btn { - width: 100%; -} - -.directorist-widget__author-info .diretorist-view-profile-btn { - width: 100%; - margin-top: 25px; -} - -.directorist-single-map.directorist-widget__map.leaflet-container { - margin-bottom: 0; - border-radius: 16px; -} - -.directorist-widget-listing__single { - display: flex; -} -.directorist-widget-listing__single:not(:last-child) { - margin-bottom: 25px; -} - -.directorist-widget-listing__image { - width: 70px; - height: 70px; - margin-right: 15px; -} -.directorist-widget-listing__image a:focus { - outline: none; -} -.directorist-widget-listing__image img { - width: 100%; - height: 100%; - border-radius: 12px; -} - -.directorist-widget-listing__content { - display: flex; - flex-direction: column; -} -.directorist-widget-listing__content .directorist-widget-listing__title { - font-size: 15px; - font-weight: 500; - 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); -} -.directorist-widget-listing__content a:focus { - outline: none; -} -.directorist-widget-listing__content .directorist-widget-listing__meta { - display: flex; - align-items: center; - margin-top: 2px; -} -.directorist-widget-listing__content .directorist-widget-listing__rating { - 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); -} -.directorist-widget-listing__content .directorist-icon-mask { - line-height: 1; -} -.directorist-widget-listing__content .directorist-icon-mask:after { - 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); -} -.directorist-widget-listing__content .directorist-widget-listing__price { - font-size: 15px; - font-weight: 600; - color: var(--directorist-color-dark); -} - -.directorist-widget__video .directorist-embaded-item { - width: 100%; - height: 100%; - border-radius: 12px; -} - -.directorist-widget .directorist-widget-list li:hover .directorist-widget-list__icon { - background-color: var(--directorist-color-primary); - color: #fff; -} -.directorist-widget .directorist-widget-list li:not(:last-child) { - 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; -} -.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: #f1f3f8; - color: #9299b8; - border-radius: 50%; -} -.directorist-widget .directorist-widget-list .directorist-child-category { - padding-left: 44px; - margin-top: 2px; -} -.directorist-widget .directorist-widget-list .directorist-child-category li a { - position: relative; -} -.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__icon .directorist-icon-mask { - background: var(--directorist-color-light); -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default { - width: 40px; - height: 40px; - border-radius: 50%; - background: 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: 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; -} - -.directorist-widget-location .directorist-taxonomy-list-one:last-child { - 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-tags ul { - margin: 0; - padding: 0; - display: flex; - flex-wrap: wrap; - gap: 10px; -} -.directorist-widget-tags li { - list-style: none; - padding: 0; - margin: 0; -} -.directorist-widget-tags a { - text-decoration: none; - border: 1px solid var(--directorist-color-border); - padding: 5px 15px; - border-radius: var(--directorist-border-radius-xs); - display: block; - font-size: 15px; - font-weight: var(--directorist-fw-normal); -} - -.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox, -.directorist-widget-advanced-search .directorist-search-field-review .directorist-radio { - display: flex; - align-items: flex-start; - flex-wrap: wrap; - gap: 15px; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox__label i { - display: inline-block; -} -.directorist-widget-advanced-search .directorist-btn-reset-js { - background: var(--directorist-color-light); - font-size: 14px; - border-radius: 10px; - padding: 0 32px; - height: 46px; - text-transform: capitalize; - text-decoration: none; - letter-spacing: 0; - font-weight: 400; - display: flex; - align-items: center; - justify-content: center; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action { - justify-content: center; - padding: 0 0; -} - -.directorist-widget-authentication form { - margin-bottom: 15px; -} -.directorist-widget-authentication p label, -.directorist-widget-authentication p input:not(input[type=checkbox]) { - display: block; -} -.directorist-widget-authentication p label { - padding-bottom: 10px; -} -.directorist-widget-authentication p input:not(input[type=checkbox]) { - height: 46px; - padding: 8px 16px; - border-radius: 10px; - border: 1px solid var(--directorist-color-border); - width: 100%; - box-sizing: border-box; -} -.directorist-widget-authentication .login-submit button { - cursor: pointer; -} - -/* Directorist button styles */ -.directorist-btn { - display: inline-flex; - align-items: center; - justify-content: center; - font-size: 15px; - font-weight: 500; - vertical-align: middle; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - cursor: pointer; - padding: 0 26px; - min-height: 45px; - line-height: 1.5; - border-radius: 10px; - border: 1px solid transparent; - text-decoration: none; - box-sizing: border-box; - color: var(--directorist-color-primary); - transition: all ease 0.3s; -} -.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout { - line-height: 43px; -} -.directorist-btn:focus { - outline: 0 !important; - text-decoration: none !important; -} - -.directorist-btn.directorist-btn-primary { - background: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-primary:focus { - background: var(--directorist-color-primary) !important; -} -.directorist-btn.directorist-btn-primary:hover { - background: var(--directorist-color-primary-hover); -} -.directorist-btn.directorist-btn-secondary { - background: var(--directorist-color-secondary); - color: var(--directorist-color-body); -} -.directorist-btn.directorist-btn-dark { - background: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-success { - background: var(--directorist-color-success); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-info { - background: var(--directorist-color-info); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-light { - background: var(--directorist-color-light); -} -.directorist-btn.directorist-btn-light:hover { - background: var(--directorist-color-light-hover); - border-color: transparent; -} -.directorist-btn.directorist-btn-lighter { - background-color: #F6F7F9; - color: var(--directorist-color-primary); -} -.directorist-btn.directorist-btn-warning { - background: var(--directorist-color-warning); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-danger { - background: var(--directorist-color-danger); - color: var(--directorist-color-white); -} -.directorist-btn.directorist-btn-bg-normal { - background: #F9F9F9; -} - -.directorist-btn.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; -} -.directorist-btn.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; -} -.directorist-btn.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; -} -.directorist-btn.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; -} -.directorist-btn.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; -} -.directorist-btn.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; -} -.directorist-btn.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; -} -.directorist-btn.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; -} -.directorist-btn.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; -} -.directorist-btn.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; -} - -.directorist-btn.directorist-btn-lg { - min-height: 50px; -} -.directorist-btn.directorist-btn-md { - min-height: 46px; -} -.directorist-btn.directorist-btn-sm { - min-height: 40px; -} -.directorist-btn.directorist-btn-xs { - min-height: 36px; -} -.directorist-btn.directorist-btn-px-15 { - padding: 0 15px; -} -.directorist-btn.directorist-btn-block { - display: flex; -} - -.directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: #fff; - text-transform: uppercase; - border-radius: 5px; -} - -.directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); -} -.directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); -} -.directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); -} -.directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); -} -.directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); -} -.directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); -} -.directorist-badge.directorist-badge-gray { - background-color: #525768; -} - -.directorist-badge.directorist-badge-primary-transparent { - 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); -} -.directorist-badge.directorist-badge-info-transparent { - 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); -} -.directorist-badge.directorist-badge-danger-transparent { - 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); -} -.directorist-badge.directorist-badge-gray-transparent { - 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; - 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: var(--directorist-color-featured-badge); -} -.directorist-badge .directorist-badge-tooltip__new { - background: var(--directorist-color-new-badge); -} -.directorist-badge .directorist-badge-tooltip__popular { - background: 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:hover .directorist-badge-tooltip { - opacity: 1; - visibility: visible; -} - -/* Range Slider */ -.directorist-range-slider-wrap { - position: relative; -} -.directorist-range-slider-wrap .directorist-range-slider { - position: relative; -} -.directorist-range-slider-wrap .directorist-range-slider:before { - content: ""; - width: 18px; - height: 18px; - background: var(--directorist-color-white); - border: 4px solid var(--directorist-color-body); - position: absolute; - top: 50%; - left: 0; - transform: translateY(-50%); - cursor: pointer; - border-radius: 50%; - z-index: 1; -} - -.directorist-range-slider-wrap > span { - color: var(--directorist-color-primary); -} - -.directorist-range-slider-wrap .directorist-range-slider-current-value { - min-width: 100px; - text-align: right; - position: absolute; - top: 15px; - right: 0; - margin: 0; - font-weight: 600; -} - -.directorist-range-slider-wrap.atbdprs-widget { - display: block; - margin: 0; -} - -.directorist-range-slider-wrap.atbdprs-widget > div { - padding: 0; -} - -.directorist-range-slider-wrap.atbdprs-widget .directorist-range-slider-current-value { - margin-bottom: 15px; - padding: 0; -} - -.directorist-range-slider-wrap.directorist-range-slider-widget { - display: block; - padding-bottom: 9px; -} -.directorist-range-slider-wrap.directorist-range-slider-widget > div { - padding: 0; -} -.directorist-range-slider-wrap.directorist-range-slider-widget .directorist-range-slider-title { - display: flex; - flex-wrap: wrap; - margin-bottom: 5px; -} - -.directorist-range-slider1 { - width: 18px; - height: 18px; - position: absolute; - top: 50%; - left: 0; - transform: translateY(-50%); - cursor: pointer; - border-radius: 50%; - z-index: 2; -} - -.atbd-slide2 { - width: 30px; - height: 10px; - position: absolute; - top: 50%; - right: 0; - margin-top: -5px; - cursor: pointer; - border-radius: 10px; -} - -.atbd-m-device { - transform: scaleY(2); -} - -.atbd-m-device2 { - transform: scaleX(2); -} - -p.atbd-max { - float: right; -} - -p.atbd-min { - float: left; -} - -.directorist-range-slider-child { - height: 4px; - border-radius: 2px; - background: var(--directorist-color-body); - position: absolute; - top: 0; - left: 0; -} - -.directorist_slider-range { - position: relative; -} -.directorist_slider-range .directorist_range-bar { - position: absolute; - z-index: 1; - left: 1px; - top: 6px; - width: 100%; - height: 4px; - border-radius: 12px; - background-color: #E3E6EF; - overflow: hidden; -} -.directorist_slider-range .directorist_range-bar .directorist_range-fill { - display: block; - width: 0; - height: 100%; - background-color: #3E62F5; -} -.directorist_slider-range .directorist_slider-input { - position: relative; - z-index: 2; - width: 100%; - height: 4px; - border-radius: 12px; - outline: none; - background-color: transparent; -} -.directorist_slider-range .directorist_slider-input::-webkit-slider-thumb { - width: 20px; - height: 20px; - background-color: #ffffff; - border-radius: 50%; - cursor: pointer; - outline: none; - box-shadow: 0 0 0 0 rgba(98, 0, 238, 0.1); - -webkit-transition: 0.3s ease-in-out; - transition: 0.3s ease-in-out; - border: 4px solid #3E62F5; - position: relative; - top: -4px; -} - -.directorist-swiper { - height: 100%; - overflow: hidden; - position: relative; -} -.directorist-swiper .swiper-slide { - display: flex; -} -.directorist-swiper__nav { - 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: 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); -} -.directorist-swiper__nav:hover i { - background-color: var(--directorist-color-white); -} -.directorist-swiper__nav--prev { - left: 10px; -} -.directorist-swiper__nav--next { - right: 10px; -} -.directorist-swiper__nav--prev-related i { - left: 0; - background-color: #f4f4f4; -} -.directorist-swiper__nav--prev-related i:hover { - background-color: var(--directorist-color-gray); -} -.directorist-swiper__nav--next-related i { - right: 0; - background-color: #f4f4f4; -} -.directorist-swiper__nav--next-related i:hover { - background-color: var(--directorist-color-gray); -} -.directorist-swiper__pagination { - 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); -} -.directorist-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { - opacity: 1; - transform: scale(1.4); -} -.directorist-swiper__pagination--related { - display: none; -} -.directorist-swiper:hover > .directorist-swiper__navigation .directorist-swiper__nav { - opacity: 1; -} - -.directorist-single-listing-slider .directorist-swiper__nav i { - 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); -} -.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:hover i { - 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__pagination { - display: none; -} -.directorist-single-listing-slider .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 16px; -} - -.directorist-single-listing-slider-thumb { - margin-top: 10px; -} -.directorist-single-listing-slider-thumb .directorist-swiper__navigation { - display: none; -} -.directorist-single-listing-slider-thumb .directorist-swiper__pagination { - display: none; -} -.directorist-single-listing-slider-thumb .swiper-slide { - min-width: 100px; - height: 90px; - cursor: pointer; -} -.directorist-single-listing-slider-thumb .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 14px; -} -@media screen and (max-width: 575px) { - .directorist-single-listing-slider-thumb { - display: none; - } -} - -.directorist-swiper-related.directorist-swiper { - padding: 15px; - margin: -15px; -} -.directorist-swiper-related.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i { - height: 40px; - width: 40px; -} -.directorist-swiper-related.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i:after { - width: 14px; - height: 14px; -} -.directorist-swiper-related.slider-has-less-items .directorist-swiper__navigation, .directorist-swiper-related.slider-has-less-items .directorist-swiper__navigation { - display: none; -} - -.directorist-dropdown { - position: relative; -} -.directorist-dropdown__toggle { - display: flex; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - transition: all ease 0.3s; - position: relative; -} -.directorist-dropdown__toggle:hover { - background-color: var(--directorist-color-gray); -} -.directorist-dropdown__toggle:focus { - outline: 0 !important; -} -.directorist-dropdown__toggle.directorist-toggle-has-icon:after { - content: ""; - -webkit-mask-image: url("../../../icons/line-awesome/svgs/angle-down-solid.svg"); - mask-image: url("../../../icons/line-awesome/svgs/angle-down-solid.svg"); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); -} -.directorist-dropdown__links { - display: none; - position: absolute; - width: 100%; - min-width: 190px; - max-height: 250px; - overflow-y: auto; - left: 0; - top: 30px; - padding: 10px; - border: none; - border-radius: 12px; - background-color: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow); - z-index: 99999; -} -.directorist-dropdown__links--right { - left: auto; - right: 0; -} -.directorist-dropdown__links a { - display: block; - font-size: 14px; - font-weight: 400; - text-decoration: none; - display: block; - padding: 10px; - border-radius: 8px; - 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-dark); - background-color: var(--directorist-color-light); -} -@media screen and (max-width: 575px) { - .directorist-dropdown__links a { - padding: 5px 10px; - } -} -@media (max-width: 767px) { - .directorist-dropdown__links { - left: unset; - right: 0; - } -} - -/* custom dropdown with select */ -.directorist-dropdown-select { - position: relative; -} - -.directorist-dropdown-select-toggle { - 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; -} - -.directorist-dropdown-select-items { - position: absolute; - width: 100%; - left: 0; - top: 40px; - border: 1px solid #eee; - visibility: hidden; - opacity: 0; - pointer-events: none; - transition: 0.3s ease; - background: #fff; - z-index: 10; -} - -.directorist-dropdown-select-items.directorist-dropdown-select-show { - top: 30px; - visibility: visible; - opacity: 1; - pointer-events: all; -} - -.directorist-dropdown-select-item { - display: block; -} - -.directorist-switch { - position: relative; - display: block; -} -.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 { - transform: translateX(20px); -} -.directorist-switch .directorist-switch-label { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - position: relative; - display: inline-flex; - align-items: center; - font-size: 14px; - font-weight: 400; - padding-left: 65px; - margin-left: 0; - color: #51526E; -} -.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; -} -.directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - left: 8px; - background-color: #fff !important; - width: 16px; - height: 16px; - background-color: #fff; - 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; -} - -.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; -} -.directorist-switch-Yn span { - -webkit-user-select: none; - -moz-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: #fff; -} -.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: #fff; -} -.directorist-switch-Yn .directorist-switch-yes { - border-radius: 15px 0 0 15px; -} -.directorist-switch-Yn .directorist-switch-no { - border-radius: 0 15px 15px 0; -} - -/* Directorist Tooltip */ -.directorist-tooltip { - position: relative; -} -.directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: #fff; - border-bottom-color: rgb(0, 0, 0); -} -.directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - 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: -moz-fit-content; - height: fit-content; - animation: showTooltip 0.3s ease; -} -.directorist-tooltip[data-label]:before { - content: ""; - left: 50%; - top: -6px; - transform: translateX(-50%); - border: 6px solid transparent; - border-top-color: rgb(0, 0, 0); -} -.directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - left: 50%; - transform: translate(-50%, -6px); - background: rgb(0, 0, 0); - padding: 4px 12px; - border-radius: 3px; - color: #fff; - 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); -} - -.directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); -} -.directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); -} -.directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); -} -.directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); -} -.directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); -} -.directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); -} -.directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); -} -.directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); -} -.directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); -} -.directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); -} -.directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); -} -.directorist-tooltip.directorist-tooltip-danger[data-label]:before { - 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); -} -.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - 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); -} -.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - 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); -} -.directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); -} - -@keyframes showTooltip { - from { - opacity: 0; - } -} -/* Alerts style */ -.directorist-alert { - font-size: 16px; - word-break: break-word; - border-radius: 3px; - background: #f4f4f4; - padding: 15px 20px; - display: flex; - align-items: center; - flex-wrap: wrap; -} -.directorist-alert .directorist-icon-mask { - margin-right: 5px; -} -.directorist-alert > a { - padding-left: 5px; -} -.directorist-alert__content { - 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; -} -.directorist-alert__content p { - 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; - 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); -} -.directorist-alert__close:focus { - background-color: transparent; - outline: none; -} -.directorist-alert a { - text-decoration: none; -} - -.directorist-alert.directorist-alert-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); -} -.directorist-alert.directorist-alert-info { - background: #DCEBFE; - color: #157CF6; -} -.directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157CF6; -} -.directorist-alert.directorist-alert-warning { - background: #FEE9D9; - color: #F56E00; -} -.directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #F56E00; -} -.directorist-alert.directorist-alert-danger { - background: #FCD9D9; - color: #E80000; -} -.directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #E80000; -} -.directorist-alert.directorist-alert-success { - background: #D9EFDC; - color: #009114; -} -.directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; -} -.directorist-alert--sm { - padding: 10px 20px; -} - -.alert-danger { - background: rgba(232, 0, 0, 0.3); -} - -/* Add listing notice alert */ -.directorist-single-listing-notice .directorist-alert__content { - justify-content: space-between; - width: 100%; -} -.directorist-single-listing-notice .directorist-alert__content button { - cursor: pointer; -} -.directorist-single-listing-notice .directorist-alert__content button span { - font-size: 20px; -} - -.directorist-user-dashboard .directorist-container-fluid { - box-sizing: border-box; -} -.directorist-user-dashboard .directorist-alert-info .directorist-alert__close { - cursor: pointer; - padding-right: 0; -} - -/* Modal Core Styles */ -.directorist-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - left: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; -} - -.directorist-modal__dialog { - 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; -} - -.directorist-modal__content { - width: 100%; - background: var(--directorist-color-white); - pointer-events: auto; - border-radius: 16px; - position: relative; -} -.directorist-modal__content .directorist-modal__header { - 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: 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 { - background-color: var(--directorist-color-light-hover); -} -.directorist-modal__content .directorist-modal__body { - 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: 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; -} -.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element { - resize: none; -} - -.directorist-modal__dialog.directorist-modal--lg { - width: 800px; -} - -.directorist-modal__dialog.directorist-modal--xl { - width: 1140px; -} - -.directorist-modal__dialog.directorist-modal--sm { - width: 300px; -} - -.directorist-modal.directorist-fade { - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; -} - -.directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; -} - -.directorist-modal.directorist-show .directorist-modal__dialog { - 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; -} -.directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - opacity: 1; - transition: all ease 0.4s; -} -.directorist-search-modal__contents { - 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: 16px; - 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__header { - 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__body { - 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: 75px; - padding: 30px 30px 0; - height: calc(100vh - 220px); - } -} -.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; -} -@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__title { - 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__btn { - 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; - transition: all ease 0.3s; -} -.directorist-search-modal__contents__btn i::after { - width: 10px; - height: 10px; -} -.directorist-search-modal__contents__btn:hover i::after { - 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__contents .select2-container--default .select2-selection--single .select2-selection__placeholder { - line-height: 40px; -} -.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__minimizer { - content: ""; - position: absolute; - top: 10px; - left: 50%; - transform: translateX(-50%); - width: 50px; - height: 5px; - border-radius: 10px; - 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--basic .directorist-search-modal__contents__body { - 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); - } -} -@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-query { - position: relative; -} -.directorist-search-modal--basic .directorist-search-query:after { - content: ""; - position: absolute; - right: 0; - top: 50%; - transform: translateY(-50%); - 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: var(--directorist-color-body); - -webkit-mask-image: url("../../../icons/font-awesome/svgs/solid/search.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/search.svg"); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search { - border-radius: 10px; - 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: var(--directorist-color-white); -} -@media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - } -} -.directorist-search-modal--basic .open_now > label { - 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-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, -.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 { - flex: 0 0 100%; -} -.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 { - height: auto; -} -.directorist-search-modal--basic .directorist-checkbox-rating { - flex-direction: row; -} -.directorist-search-modal__input { - display: flex; - align-items: center; - border: 1px solid var(--directorist-color-border); - border-radius: 10px; - min-height: 40px; - margin: 0 0 15px; - transition: all ease 0.3s; -} -.directorist-search-modal__input .directorist-search-field, -.directorist-search-modal__input .directorist-select { - display: inline-flex; - flex-wrap: wrap; - flex: 1; -} -.directorist-search-modal__input .directorist-search-field label, -.directorist-search-modal__input .directorist-select label { - display: none; -} -.directorist-search-modal__input .directorist-select2-dropdown-close { - display: none; -} -.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__btn { - 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; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); -} -.directorist-search-modal__input:focus .directorist-search-modal__input__btn, .directorist-search-modal__input:focus-within .directorist-search-modal__input__btn { - width: auto; - padding: 0 20px; -} -.directorist-search-modal__input:focus .directorist-search-modal__input__btn .directorist-icon-mask::after, .directorist-search-modal__input:focus-within .directorist-search-modal__input__btn .directorist-icon-mask::after { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__input:focus .directorist-search-query::after, -.directorist-search-modal__input:focus .directorist-select2-dropdown-toggle, -.directorist-search-modal__input:focus .directorist-search-field .directorist-input-icon, .directorist-search-modal__input:focus-within .directorist-search-query::after, -.directorist-search-modal__input:focus-within .directorist-select2-dropdown-toggle, -.directorist-search-modal__input:focus-within .directorist-search-field .directorist-input-icon { - display: none; -} -.directorist-search-modal__input.input-has-value .directorist-search-modal__input__btn--clear { - width: auto; - padding: 0 20px; -} -.directorist-search-modal__input.input-has-value .directorist-search-modal__input__btn--clear .directorist-icon-mask::after { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__input.input-has-value .directorist-search-query::after, -.directorist-search-modal__input.input-has-value .directorist-select2-dropdown-toggle, -.directorist-search-modal__input.input-has-value .directorist-search-field .directorist-input-icon { - display: none; -} -.directorist-search-modal .directorist-checkbox-wrapper, -.directorist-search-modal .directorist-radio-wrapper, -.directorist-search-modal .directorist-search-tags { - padding: 0; - gap: 12px; - flex-wrap: wrap; -} - -/* 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); - } -} -/* 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); - } -} -/* 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); - } -} -/* 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); - } -} -.directorist-card { - border: none; - border-radius: 16px; - background-color: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow); -} -.directorist-card__header { - padding: 20px 25px; - border-bottom: 1px solid var(--directorist-color-border); - border-radius: 16px 16px 0 0; -} -@media screen and (max-width: 575px) { - .directorist-card__header { - padding: 15px 20px; - } -} -.directorist-card__header--title { - font-size: 18px; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-primary); - letter-spacing: normal; - display: flex; - align-items: center; - padding: 0; - margin: 0; -} -.directorist-card__body { - padding: 25px; - border-radius: 0 0 16px 16px; -} -@media screen and (max-width: 575px) { - .directorist-card__body { - padding: 20px; - } -} -.directorist-card__body p { - font-size: 15px; - margin-top: 0; -} -.directorist-card__body p:last-child { - margin-bottom: 0; -} -.directorist-card__body p:empty { - display: none; -} - -.directorist-color-picker-wrap .wp-color-result { - text-decoration: none; - margin: 0 6px 0 0 !important; -} -.directorist-color-picker-wrap .wp-color-result:hover { - background-color: #F9F9F9; -} -.directorist-color-picker-wrap .wp-picker-input-wrap label input { - width: auto !important; -} -.directorist-color-picker-wrap .wp-picker-clear { - padding: 0 15px; - margin-top: 3px; - font-size: 14px; - font-weight: 500; - line-height: 2.4; -} - -.directorist-form-group { - position: relative; -} -.directorist-form-group textarea, -.directorist-form-group textarea.directorist-form-element { - min-height: 120px; -} - -.directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - height: 40px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); - border: none; - border-radius: 0; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border-gray); -} -.directorist-form-group .directorist-form-element:focus { - outline: none; - box-shadow: 0 0; - border-bottom: 2px solid var(--directorist-color-primary); -} - -.directorist-form-element.directorist-form-element-lg { - height: 50px; -} -.directorist-form-element.directorist-form-element-sm { - height: 30px; -} - -.directorist-form-group.directorist-icon-left .directorist-input-icon { - left: 0; -} -.directorist-form-group.directorist-icon-left .location-name { - padding-left: 25px; - box-sizing: border-box; -} -.directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 15px; -} -.directorist-form-group.directorist-icon-right .location-name { - padding-right: 25px; - box-sizing: border-box; -} -.directorist-form-group .directorist-input-icon { - position: absolute; - top: 50%; - transform: translateY(-50%); - line-height: 1.45; - margin-top: -2px; - z-index: 99; -} -.directorist-form-group .directorist-input-icon i, -.directorist-form-group .directorist-input-icon span, -.directorist-form-group .directorist-input-icon svg { - font-size: 14px; -} -.directorist-form-group .directorist-input-icon .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); -} - -.directorist-label { - margin-bottom: 0; -} - -input.directorist-toggle-input { - display: none; -} - -.directorist-toggle-input-label { - display: flex; - align-items: center; - justify-content: space-between; -} - -span.directorist-toggle-input-label-text { - 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; - 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: #ffffff; - 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: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); -} - -.directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: flex; - justify-content: center; - align-items: center; -} - -.directorist-tab-navigation-list-item { - 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); -} -.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); - 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; - 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); -} -.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); - transform: translate(-50%, 0); -} - -.directorist-tab-content { - display: none; -} -.directorist-tab-content.--is-active { - display: block; -} - -.directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; -} - -.directorist-label-addon-prepend { - margin-right: 10px; -} - -.--is-hidden { - display: none; -} - -.directorist-flex-center { - display: flex; - align-items: center; - justify-content: center; -} - -.directorist-checkbox, -.directorist-radio { - 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; -} -.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; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - padding-left: 30px; - margin-bottom: 0; - line-height: 1.3; - 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: 16px; - height: 16px; - border-radius: 5px; - background: transparent; - 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 { - width: 100%; - font-weight: 400; - padding: 0 30px 0 0; - } - .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 { - left: unset; - right: 0; - top: 1px; - 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: 6px; - top: 6px; - content: ""; - -webkit-mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: #fff; - 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 { - left: unset; - top: 4px; - right: 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: unset; - top: 4px; - right: 3px; - } -} -.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("../../../icons/font-awesome/svgs/solid/check.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/check.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: #3e62f5; - border-color: #3e62f5; -} - -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: #fff; - 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: #fff; - 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: #fff; - 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: 10px; - 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: 8px; - height: 8px; - top: 5px; - left: 5px; - background-color: #fff !important; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after { - width: 16px; - height: 16px; - border-color: #C6D0DC; -} -.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: 5px !important; - left: 5px !important; - border-radius: 50%; - background-color: #fff !important; - content: ""; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after { - width: 16px; - height: 16px; - border-color: #C6D0DC; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after { - background-color: #3e62f5; - border-color: #3e62f5; -} -.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label { - padding-left: 35px !important; -} - -.directorist-author-profile__wrap { - display: flex; - align-items: center; - justify-content: space-between; - gap: 15px; - padding: 25px 50px 25px 30px; - margin: 0 0 40px; -} -.directorist-author-profile__wrap__body { - padding: 0; -} -@media only screen and (max-width: 991px) { - .directorist-author-profile__wrap { - flex-direction: column; - } -} -@media only screen and (max-width: 575px) { - .directorist-author-profile__wrap { - gap: 8px; - } -} -.directorist-author-profile__avatar { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 20px; -} -@media only screen and (max-width: 575px) { - .directorist-author-profile__avatar { - flex-direction: column; - text-align: center; - gap: 15px; - } -} -.directorist-author-profile__avatar img { - max-width: 100px; - border-radius: 50%; -} -@media only screen and (max-width: 575px) { - .directorist-author-profile__avatar img { - max-width: 75px; - max-height: 75px; - } -} -.directorist-author-profile__avatar__info__name { - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-primary); - margin: 0 0 5px; -} -@media only screen and (max-width: 991px) { - .directorist-author-profile__avatar__info__name { - margin: 0; - } -} -.directorist-author-profile__avatar__info p { - margin: 0; - font-size: 14px; - color: var(--directorist-color-body); -} -.directorist-author-profile__meta-list { - 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-author-profile__meta-list { - gap: 5px 20px; - justify-content: center; - } -} -@media only screen and (max-width: 575px) { - .directorist-author-profile__meta-list { - flex-direction: row-reverse; - } -} -.directorist-author-profile__meta-list__item { - display: flex; - align-items: center; - gap: 15px; - padding: 18px; - padding-right: 75px; - border-radius: 12px; - background-color: var(--directorist-color-bg-gray); -} -.directorist-author-profile__meta-list__item i { - display: flex; - align-items: center; - justify-content: center; - width: 44px; - height: 44px; - background-color: var(--directorist-color-primary); - border-radius: 12px; -} -.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-author-profile__meta-list__item i { - width: auto; - height: auto; - background-color: transparent; - } - .directorist-author-profile__meta-list__item i:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); - } -} -.directorist-author-profile__meta-list__item span { - display: flex; - flex-direction: column; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.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-author-profile__meta-list__item span { - gap: 6px; - align-items: center; - flex-direction: unset; - } - .directorist-author-profile__meta-list__item span span { - font-size: 15px; - line-height: 1; - } -} -@media only screen and (max-width: 767px) { - .directorist-author-profile__meta-list__item { - padding-right: 50px; - } -} -@media only screen and (max-width: 575px) { - .directorist-author-profile__meta-list__item { - padding: 0; - gap: 5px; - background: transparent; - border-radius: 0; - } - .directorist-author-profile__meta-list__item:not(:first-child) i { - display: none; - } -} - -.directorist-author-profile-content { - max-width: 100%; - display: flex; -} -.directorist-author-profile-content .directorist-card__header--title { - display: flex; - gap: 12px; -} -.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: var(--directorist-color-light); -} -.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-author-profile-content .directorist-card__header--title i { - display: none; - } -} - -.directorist-author-info-list { - padding: 0; - margin: 0; -} -.directorist-author-info-list li { - margin-left: 0; -} -.directorist-author-info-list__item { - display: flex; - align-items: flex-start; - gap: 12px; - font-size: 15px; - color: var(--directorist-color-body); -} -.directorist-author-info-list__item i { - margin-top: 5px; -} -@media screen and (max-width: 575px) { - .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-author-info-list__item .directorist-label { - display: none; - min-width: 70px; - padding-right: 10px; - margin-right: 8px; - margin-top: 5px; - position: relative; -} -.directorist-author-info-list__item .directorist-label:before { - content: ":"; - position: absolute; - right: 0; - top: 0; -} -@media screen and (max-width: 575px) { - .directorist-author-info-list__item .directorist-label { - display: block; - } -} -@media screen and (max-width: 375px) { - .directorist-author-info-list__item .directorist-label { - min-width: 60px; - } -} -.directorist-author-info-list__item .directorist-icon-mask::after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-deep-gray); -} -@media screen and (max-width: 575px) { - .directorist-author-info-list__item .directorist-info { - margin-top: 5px; - word-break: break-all; - } -} -.directorist-author-info-list__item a { - color: var(--directorist-color-body); - text-decoration: none; -} -.directorist-author-info-list__item a:hover { - color: var(--directorist-color-primary); -} -.directorist-author-info-list__item:not(:last-child) { - margin-bottom: 8px; -} - -.directorist-author-social { - display: flex; - flex-wrap: wrap; - gap: 10px; - padding: 0; - margin: 22px 0 0; - list-style: none; -} -.directorist-author-social__item a { - 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-author-social__item a .directorist-icon-mask::after { - background-color: #808080; - transition: 0.3s ease; -} -.directorist-author-social__item a span { - transition: 0.3s ease; -} -.directorist-author-social__item a:hover { - background: var(--directorist-color-primary); - /* Legacy Icon */ -} -.directorist-author-social__item a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-author-social__item a:hover span.la, -.directorist-author-social__item a:hover span.fa { - background: none; - color: var(--directorist-color-white); -} - -.directorist-author-info-widget--light .directorist-author-social-item, -.directorist-single-author-info--light .directorist-author-social-item, -.directorist-authors-section--light .directorist-author-social-item { - display: inline-block; - margin: 0; -} -.directorist-author-info-widget--light .directorist-author-social-item a, -.directorist-single-author-info--light .directorist-author-social-item a, -.directorist-authors-section--light .directorist-author-social-item a { - font-size: 15px; - margin: 5px; - display: block; - line-height: 35px; - width: 35px; - text-align: center; - background-color: var(--directorist-color-primary); - border-radius: 4px; - color: #ffffff; - overflow: hidden; - transition: all ease-in-out 300ms; -} - -.directorist-author-listing-top { - display: flex; - flex-direction: column; - margin-bottom: 30px; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-author-listing-top__title { - font-size: 30px; - font-weight: 400; - margin: 0 0 52px; - text-align: center; -} -.directorist-author-listing-top__filter { - display: flex; - align-items: baseline; - justify-content: space-between; - flex-wrap: wrap; - gap: 30px; -} -.directorist-author-listing-top .directorist-type-nav { - display: flex; -} -.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-author-listing-top .directorist-type-nav__link i { - margin: 0; -} -.directorist-author-listing-top .directorist-type-nav__link i:after { - background-color: var(--directorist-color-deep-gray); -} -.directorist-author-listing-top .directorist-type-nav__link:hover { - color: var(--directorist-color-body); -} -.directorist-author-listing-top .directorist-type-nav__link:hover i::after { - background-color: var(--directorist-color-body); -} -.directorist-author-listing-top .directorist-type-nav__list { - display: inline-flex; -} -.directorist-author-listing-top .directorist-type-nav__list li { - margin: 0; - padding: 0; -} -.directorist-author-listing-top .directorist-type-nav__list__current { - color: var(--directorist-color-body); -} -.directorist-author-listing-top .directorist-type-nav__list__current i::after { - background-color: var(--directorist-color-body); -} -.directorist-author-listing-top .directorist-dropdown__toggle { - position: relative; - top: -10px; - gap: 10px; - background: transparent; - border: none; - padding: 0; - min-height: auto; - color: var(--directorist-color-body); -} -@media screen and (max-width: 575px) { - .directorist-author-listing-top .directorist-dropdown__toggle { - font-size: 0; - top: -5px; - } - .directorist-author-listing-top .directorist-dropdown__toggle:after { - -webkit-mask-image: url("../../../icons/font-awesome/svgs/solid/sliders-h.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/sliders-h.svg"); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 16px; - height: 12px; - background-color: var(--directorist-color-body); - } -} -.directorist-author-listing-top .directorist-dropdown__link { - top: 50px; -} -@media screen and (max-width: 575px) { - .directorist-author-listing-top .directorist-type-nav .directorist-type-nav__link i { - display: none; - } -} - -.directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { - width: 33.3333333333%; -} -@media only screen and (max-width: 767px) { - .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { - width: 50%; - } -} -@media only screen and (max-width: 575px) { - .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-lg-3 { - width: 100%; - } -} -@media only screen and (max-width: 767px) { - .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-4 { - width: 50%; - } -} -@media only screen and (max-width: 575px) { - .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-4 { - width: 100%; - } -} -@media only screen and (max-width: 991px) { - .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { - width: 33.33%; - } -} -@media only screen and (max-width: 767px) { - .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { - width: 50%; - } -} -@media only screen and (max-width: 575px) { - .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-3 { - width: 100%; - } -} -@media only screen and (max-width: 1199px) { - .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { - width: 25%; - } -} -@media only screen and (max-width: 991px) { - .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { - width: 33.33%; - } -} -@media only screen and (max-width: 767px) { - .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { - width: 50%; - } -} -@media only screen and (max-width: 575px) { - .directorist-author-listing-content.directorist-author-listing-grid--fix .directorist-col-2 { - width: 100%; - } -} - -/* category style three */ -.directorist-category-child__card { - border: 1px solid #eee; - border-radius: 4px; -} -.directorist-category-child__card__header { - padding: 10px 20px; - border-bottom: 1px solid #eee; -} -.directorist-category-child__card__header a { - font-size: 18px; - font-weight: 600; - color: #222 !important; -} -.directorist-category-child__card__header i { - width: 35px; - height: 35px; - border-radius: 50%; - background: #2C99FF; - color: #fff; - font-size: 16px; - display: inline-flex; - align-items: center; - justify-content: center; - margin-right: 5px; -} -.directorist-category-child__card__body { - padding: 15px 20px; -} -.directorist-category-child__card__body li:not(:last-child) { - margin-bottom: 5px; -} -.directorist-category-child__card__body li a { - display: flex; - align-items: center; - justify-content: space-between; - color: #444752; -} -.directorist-category-child__card__body li a span { - color: var(--directorist-color-body); -} - -/* All listing archive page styles */ -.directorist-archive-contents .directorist-archive-items .directorist-pagination { - margin-top: 35px; -} -.directorist-archive-contents .gm-style-iw-t { - bottom: 48px !important; -} -.directorist-archive-contents .gm-style-iw-tc { - display: none; -} -@media screen and (max-width: 575px) { - .directorist-archive-contents .directorist-archive-contents__top { - padding: 15px 20px 0; - box-shadow: 0px 6px 10px rgba(170, 170, 170, 0.1019607843); - } - .directorist-archive-contents .directorist-type-nav__link .directorist-icon-mask { - display: none; - } -} - -/* Directory type nav */ -.directorist-type-nav__list { - display: flex; - justify-content: center; - align-items: center; - 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-type-nav__list { - overflow-x: auto; - flex-wrap: nowrap; - } -} -@media only screen and (max-width: 575px) { - .directorist-type-nav__list { - justify-content: flex-start; - } -} -.directorist-type-nav__list::-webkit-scrollbar { - display: none; -} -.directorist-type-nav__list li { - flex: none; - margin: 0; - list-style: none; -} -.directorist-type-nav__list a { - text-decoration: unset; -} -.directorist-type-nav__list__current .directorist-type-nav__link { - font-weight: 600; - color: var(--directorist-color-primary); -} -.directorist-type-nav__list__current .directorist-type-nav__link::after { - opacity: 1; - visibility: visible; -} -.directorist-type-nav__list__current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); -} -.directorist-type-nav__link { - 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-type-nav__link:hover { - color: var(--directorist-color-primary); -} -.directorist-type-nav__link:focus { - background-color: transparent; -} -.directorist-type-nav__link::after { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 2px; - border-radius: 6px; - content: ""; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-primary); -} -.directorist-type-nav__link .directorist-icon-mask { - display: inline-block; - margin: 0 0 7px; -} -.directorist-type-nav__link .directorist-icon-mask::after { - width: 20px; - height: 20px; - background-color: var(--directorist-color-body); -} - -/* Archive header bar contents */ -.directorist-content-active .directorist-header-bar { - display: flex; - margin: 30px 0; -} -@media screen and (max-width: 575px) { - .directorist-content-active .directorist-header-bar { - display: none; - } -} -.directorist-content-active .directorist-listings-header { - 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: 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); - 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-gray); -} -.directorist-content-active .directorist-listings-header__right { - display: flex; - flex-wrap: wrap; - gap: 10px; -} -.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: var(--directorist-color-light); -} -.directorist-content-active .directorist-archive-items { - display: flex; - flex-direction: column; -} -@media screen and (max-width: 575px) { - .directorist-content-active .directorist-archive-items { - padding-top: 30px; - } -} - -.directorist-viewas__wrap { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 8px; -} -.directorist-viewas__item { - display: flex; - justify-content: center; - align-items: center; - width: 40px; - height: 40px; - border-radius: 8px; - background-color: var(--directorist-color-light); -} -.directorist-viewas__item i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); -} -.directorist-viewas__item.active { - background-color: var(--directorist-color-primary); -} -.directorist-viewas__item.active i::after { - background-color: var(--directorist-color-white); -} - -.listing-with-sidebar { - display: flex; - gap: 30px; - flex-wrap: wrap; -} -@media only screen and (max-width: 991px) { - .listing-with-sidebar { - flex-direction: column; - } - .listing-with-sidebar .directorist-advanced-filter__form { - width: 100%; - } -} -.listing-with-sidebar__type-nav { - flex: 0 0 100%; -} -.listing-with-sidebar__type-nav .directorist-type-nav__list { - gap: 40px; -} -.listing-with-sidebar__searchform { - flex: 0 0 100%; -} -.listing-with-sidebar__searchform .directorist-advanced-filter__form { - display: flex; - width: 100%; - gap: 20px; -} -@media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-advanced-filter__form { - flex-direction: column; - } -} -.listing-with-sidebar__searchform .directorist-search-contents { - padding: 0; -} -.listing-with-sidebar__header { - flex: 0 0 100%; -} -.listing-with-sidebar__header .directorist-header-bar { - margin: 0; -} -.listing-with-sidebar__header .directorist-container-fluid { - padding: 0; -} -.listing-with-sidebar__sidebar { - display: inline-flex; - flex: 1; - height: 100%; - max-width: 350px; -} -@media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar { - max-width: unset; - } -} -.listing-with-sidebar__sidebar .directorist-search-contents { - padding: 0; -} -.listing-with-sidebar__sidebar .directorist-search-form__box { - padding: 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__top { - width: 100%; - padding: 25px 30px 20px; - border-bottom: 1px solid var(--directorist-color-light); -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__title { - margin: 0; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced { - padding: 25px 30px; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced--element .directorist-search-field > label { - margin: 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-radio-wrapper, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced--element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 10px; -} -.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%; - flex-direction: column; - align-items: flex-start; - padding: 25px 30px 30px; - border-top: 1px solid var(--directorist-color-light); -} -.listing-with-sidebar__sidebar .directorist-search-modal__contents__footer { - position: relative; - background-color: transparent; -} -.listing-with-sidebar__sidebar .directorist-btn-reset-js { - border-radius: 10px; - width: 100%; - height: 46px; - line-height: 46px; - text-align: center; - text-decoration: none; - background-color: var(--directorist-color-light); -} -.listing-with-sidebar__sidebar .directorist-btn { - width: 100%; -} -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency--btn .directorist-pf-range { - width: 68px; -} -.listing-with-sidebar__sidebar .directorist-checkbox-wrapper, -.listing-with-sidebar__sidebar .directorist-radio-wrapper, -.listing-with-sidebar__sidebar .directorist-search-tags { - flex-direction: column; -} -.listing-with-sidebar__listing { - display: inline-flex; - flex: 1; - flex-wrap: wrap; - flex-direction: column; -} -.listing-with-sidebar__listing .directorist-header-bar, -.listing-with-sidebar__listing .directorist-archive-items { - 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-archive-items { - flex-direction: column; -} -.listing-with-sidebar__listing .directorist-search-modal-advanced { - display: none; -} - -.directorist-advanced-filter__basic { - display: flex; - flex-direction: column; -} -.directorist-advanced-filter__basic--element .directorist-search-field { - flex-direction: column; - align-items: flex-start; - flex-wrap: wrap; - 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 > label { - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0 0 15px; - color: var(--directorist-color-primary); -} -.directorist-advanced-filter__basic--element .directorist-search-field .directorist-btn-ml { - display: inline-block; - margin-top: 20px; - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-primary); -} -.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: 20px; - 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 { - flex: 0 0 100%; - } -} -.directorist-advanced-filter__basic--element .directorist-form-group .directorist-filter-location-icon { - margin-top: 1px; - z-index: 99; -} -.directorist-advanced-filter__basic--element .form-group { - 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 > label { - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-primary); -} -.directorist-advanced-filter__advanced { - display: flex; - flex-direction: column; -} -.directorist-advanced-filter__advanced--element .directorist-search-field { - flex-direction: column; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; -} -@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: inline-flex; - margin: 0 0 15px; - color: var(--directorist-color-primary); -} -.directorist-advanced-filter__advanced--element .directorist-search-field .directorist-btn-ml { - display: inline-block; - margin-top: 20px; - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-primary); -} -.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: 20px; - margin: 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; - 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 { - flex: 0 0 100%; - } -} -.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: 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 > label { - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-primary); -} -.directorist-advanced-filter__action { - gap: 10px; - padding: 17px 40px; -} -.directorist-advanced-filter__action .directorist-btn-reset-js { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - text-decoration: none; -} -.directorist-advanced-filter__action .directorist-btn { - font-size: 14px; - border-radius: 10px; - padding: 0 32px; - height: 46px; - text-transform: capitalize; - text-decoration: none; - letter-spacing: 0; - font-weight: 400; -} -@media only screen and (max-width: 375px) { - .directorist-advanced-filter__action .directorist-btn { - padding: 0 14.5px; - } -} -.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-search-field-review .directorist-checkbox { - display: block; -} -.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; -} -@media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:before { - top: 1px; - } -} -.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 { - padding: 0; - } -} -.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[name=search_by_rating_5] + label .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-search-field-review .directorist-checkbox input[name=search_by_rating_4] + label .directorist-icon-mask:not(:nth-child(5)):after { - background-color: var(--directorist-color-primary); -} -.directorist-search-field-review .directorist-checkbox input[name=search_by_rating_3] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[name=search_by_rating_3] + label .directorist-icon-mask:nth-child(2):after, .directorist-search-field-review .directorist-checkbox input[name=search_by_rating_3] + label .directorist-icon-mask:nth-child(3):after { - background-color: var(--directorist-color-primary); -} -.directorist-search-field-review .directorist-checkbox input[name=search_by_rating_2] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[name=search_by_rating_2] + label .directorist-icon-mask:nth-child(2):after { - background-color: var(--directorist-color-primary); -} -.directorist-search-field-review .directorist-checkbox input[name=search_by_rating_1] + label .directorist-icon-mask:nth-child(1):after { - background-color: var(--directorist-color-primary); -} - -.directorist-price-ranges { - display: flex; - flex-wrap: wrap; - gap: 20px; -} -@media (max-width: 575px) { - .directorist-price-ranges { - gap: 12px 35px; - justify-content: space-between; - position: relative; - } - .directorist-price-ranges:after { - content: ""; - position: absolute; - top: 20px; - left: 50%; - transform: translateX(-50%); - width: 10px; - height: 2px; - background: var(--directorist-color-border); - } -} -.directorist-price-ranges__item { - flex: 0 0 45%; -} -@media (max-width: 575px) { - .directorist-price-ranges__item { - flex: auto; - } -} -@media (max-width: 480px) { - .directorist-price-ranges__item { - flex: 0 0 42%; - } -} -.directorist-price-ranges__item .directorist-form-element { - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); -} -@media screen and (max-width: 575px) { - .directorist-price-ranges__item .directorist-form-element { - height: 34px; - text-align: center; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } -} -.directorist-price-ranges__price-frequency { - display: flex; - flex-wrap: wrap; - flex: 0 0 100%; - gap: 6px; -} -@media screen and (max-width: 575px) { - .directorist-price-ranges__price-frequency { - gap: 0; - border-radius: 10px; - border: 1px solid var(--directorist-color-border); - } - .directorist-price-ranges__price-frequency label { - flex: 1; - } - .directorist-price-ranges__price-frequency label:first-child .directorist-pf-range { - border-radius: 10px 0 0 10px; - } - .directorist-price-ranges__price-frequency label:last-child .directorist-pf-range { - border-radius: 0 10px 10px 0; - } - .directorist-price-ranges__price-frequency label:not(last-child) { - border-right: 1px solid var(--directorist-color-border); - } -} -.directorist-price-ranges__price-frequency input[type=radio] { - display: none; -} -.directorist-price-ranges__price-frequency input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-price-ranges .directorist-form-group:last-child { - margin-left: 15px; -} -.directorist-price-ranges .directorist-pf-range { - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-border); - border-radius: 8px; - width: 70px; - height: 36px; -} -@media screen and (max-width: 575px) { - .directorist-price-ranges .directorist-pf-range { - width: 100%; - border-radius: 0; - background-color: var(--directorist-color-white); - } -} - -.directorist-search-field { - 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; - 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; - 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%; - 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; -} - -.check-btn { - display: flex; - flex-wrap: wrap; -} -.check-btn label { - display: inline-flex; -} -.check-btn label input { - display: none; -} -.check-btn label input:checked + span:before { - opacity: 1; - visibility: visible; -} -.check-btn label input:checked + span:after { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); -} -.check-btn label span { - 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; -} -.check-btn label span:before { - position: absolute; - left: 23px; - top: 50%; - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - mask-image: url("../../../icons/font-awesome/svgs/solid/check.svg"); - -webkit-mask-repeat: no-repeat; - 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%; - transform: translateY(-50%); - width: 16px; - height: 16px; - border-radius: 5px; - content: ""; - border: 2px solid #d9d9d9; - background-color: #fff; -} - -/* google map location suggestion container */ -.pac-container { - z-index: 99999; -} - -.directorist-search-top { - text-align: center; - margin-bottom: 34px; -} -.directorist-search-top__title { - color: var(--directorist-color-primary); - 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; -} - -.directorist-search-contents { - background-size: cover; - padding: 100px 0 120px; - z-index: 2; -} - -.directorist-search-form__box-wrap { - width: 100%; - display: flex; - align-items: flex-start; -} -.directorist-search-form__box { - display: flex; - align-items: flex-start; - justify-content: space-between; - flex-wrap: wrap; - width: 100%; - border: none; - border-radius: 12px; - padding: 22px 22px 22px 25px; - background-color: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow); -} -@media only screen and (max-width: 575px) { - .directorist-search-form__box { - padding: 0; - box-shadow: unset; - } -} -.directorist-search-form__top { - display: flex; - flex-wrap: wrap; - flex: 1; - gap: 18px; - margin-top: 5px; -} -@media only screen and (max-width: 575px) { - .directorist-search-form__top { - display: none; - } -} -.directorist-search-form__top .directorist-search-field { - flex: 30.8%; - flex-direction: column; - align-items: flex-start; - margin: 0; - padding-bottom: 0; - padding-right: 15px; -} -.directorist-search-form__top .directorist-search-field:not(:last-child) { - border-right: 1px solid var(--directorist-color-border); -} -.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); -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element, -.directorist-search-form__top .directorist-search-field .directorist-price-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, -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element:focus { - border-color: var(--directorist-color-primary); -} -.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 > label { - display: none; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label { - display: none; -} -.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; -} -.directorist-search-form__top .directorist-search-field .directorist-btn-ml { - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-search-form__top .select2-container { - width: 100%; -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single { - border: 0 none; -} -.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; -} - -.directorist-search-form-action { - display: flex; - align-items: center; - margin-left: auto; - gap: 10px; -} -@media only screen and (max-width: 767px) { - .directorist-search-form-action { - margin-left: 0; - } -} -@media only screen and (max-width: 575px) { - .directorist-search-form-action { - width: 100%; - } -} -.directorist-search-form-action button { - text-decoration: none; - text-transform: capitalize; -} -.directorist-search-form-action__filter .directorist-filter-btn { - height: 50px; - padding: 0 18px; - background-color: var(--directorist-color-white); - gap: 6px; -} -.directorist-search-form-action__filter .directorist-filter-btn .directorist-icon-mask::after { - height: 12px; - width: 14px; - background-color: var(--directorist-color-body); -} -@media only screen and (max-width: 767px) { - .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__submit .directorist-btn-search { - height: 50px; - padding: 0 25px; - border-radius: 10px; - gap: 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; - } -} -@media only screen and (max-width: 575px) { - .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__btn-search { - gap: 8px; - width: 100%; - height: 44px; - padding: 0 25px; - font-weight: 600; - border-radius: 22px; -} -.directorist-search-form-action__modal__btn-search i::after { - width: 16px; - height: 16px; - transform: rotate(270deg); -} - -/* loading effect */ -.atbdp-form-fade { - position: relative; - border-radius: 8px; - overflow: visible; -} -.atbdp-form-fade.directorist-search-form-box { - padding: 15px; - border-radius: 12px; -} -.atbdp-form-fade.directorist-search-form-box:after { - border-radius: 12px; -} -.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%; - 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(0, 0, 0, 0.3); - z-index: 9998; -} - -.directorist-listing-type-selection { - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style-type: none; -} -@media only screen and (max-width: 767px) { - .directorist-listing-type-selection { - flex-wrap: nowrap; - overflow-x: auto; - } -} -@media only screen and (max-width: 575px) { - .directorist-listing-type-selection { - max-width: -moz-fit-content; - max-width: fit-content; - margin: 0 auto; - justify-content: flex-start; - } -} -.directorist-listing-type-selection__item { - 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:not(:last-child) { - 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 a { - 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); -} -.directorist-listing-type-selection__item a:focus { - 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); -} -.directorist-listing-type-selection__item a .directorist-icon-mask { - 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); -} -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current { - font-weight: 400; - 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-search-contents .directorist-btn-ml:after { - content: ""; - display: inline-block; - margin-left: 5px; - -webkit-mask-image: url(../../../icons/line-awesome/svgs/angle-down-solid.svg); - mask-image: url(../../../icons/line-awesome/svgs/angle-down-solid.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); -} -.directorist-search-contents .directorist-btn-ml.active:after { - -webkit-mask-image: url(../../../icons/line-awesome/svgs/angle-up-solid.svg); - mask-image: url(../../../icons/line-awesome/svgs/angle-up-solid.svg); -} - -.directorist-listing-category-top { - text-align: center; - margin-top: 35px; -} -@media screen and (max-width: 575px) { - .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; -} -.directorist-listing-category-top ul { - 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; - 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: inline-flex; - align-items: center; - width: -moz-max-content; - width: max-content; - gap: 10px; -} -.directorist-listing-category-top li a i, -.directorist-listing-category-top li a span, -.directorist-listing-category-top li a span.las, -.directorist-listing-category-top li a span.lar, -.directorist-listing-category-top li a span.lab, -.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); -} -.directorist-listing-category-top li a .directorist-icon-mask::after { - 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); -} -@media screen and (max-width: 575px) { - .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; - max-height: 345px; - overflow-y: scroll; - border-radius: 10px; - background-color: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow); -} -.directorist-search-field .directorist-location-js + .address_result ul { - 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: flex; - align-items: flex-start; - gap: 15px; - font-size: 14px; - margin: 0 13px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border-radius: 10px; - 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: 10px; - 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.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; -} -.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; -} - -/* Zipcode Search */ -.directorist-zipcode-search .directorist-search-country { - position: absolute; - width: 100%; - left: 0; - top: 45px; - background: 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; -} -.directorist-zipcode-search .directorist-search-country ul a { - 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; -} - -.directorist-search-contents .directorist-search-form-top .form-group.open_now { - flex: 30.8%; - border-right: 1px solid var(--directorist-color-border); -} - -.directorist-pagination { - display: flex; - justify-content: center; - gap: 8px; -} -.directorist-pagination .page-numbers { - font-size: 14px; - font-weight: 400; - display: inline-flex; - align-items: center; - justify-content: center; - text-decoration: none; - height: 38px; - width: 38px; - background-color: var(--directorist-color-white); - color: var(--directorist-color-body); - border: 1px solid var(--directorist-color-border); - border-radius: 10px; -} -.directorist-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); -} -.directorist-pagination .page-numbers.current { - height: 36px; - width: 36px; - border-width: 2px; - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); -} -.directorist-pagination a.page-numbers span { - border: 0 none; - min-width: auto; - margin: 0; -} - -/* New Styles */ -.directorist-categories { - margin-top: 30px; -} -.directorist-categories__single { - border-radius: 16px; - box-shadow: var(--directorist-box-shadow); - display: flex; - align-items: center; - justify-content: center; - /* Styles */ -} -.directorist-categories__single--image { - background-position: center; - background-repeat: no-repeat; - background-size: cover; - -o-object-fit: 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-primary-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); -} -.directorist-categories__single__content { - 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; -} -.directorist-categories__single__name { - text-decoration: none; - font-weight: 500; - font-size: 20px; - color: var(--directorist-color-primary); -} -.directorist-categories__single__name::before { - 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: 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 { - 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; -} -.directorist-categories__single--style-two .directorist-icon-mask::after { - 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::after { - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-three { - height: var(--directorist-category-box-width); - border-radius: 50%; -} -.directorist-categories__single--style-three .directorist-icon-mask::after { - width: 40px; - height: 40px; -} -.directorist-categories__single--style-three .directorist-category-term { - display: none; -} -.directorist-categories__single--style-three .directorist-category-count { - 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); -} -.directorist-categories__single--style-four .directorist-icon-mask { - background: 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); -} -.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:not(.directorist-categories__single--image) .directorist-categories__single__total { - color: var(--directorist-color-deep-gray); -} -@media screen and (max-width: 991px) { - .directorist-categories .directorist-col-3 { - width: 33.33%; - } -} -@media screen and (max-width: 767px) { - .directorist-categories .directorist-col-3 { - width: 50%; - } -} -@media screen and (max-width: 575px) { - .directorist-categories .directorist-col-3 { - width: 100%; - } -} - -/* 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: flex; - background: var(--directorist-color-light); - border-radius: var(--directorist-border-radius-lg); - padding: 8px 20px; - align-items: center; - gap: 12px; - text-decoration: none; - position: relative; - min-height: 40px; - transition: 0.6s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-medium); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon { - -webkit-padding-start: 12px; - 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 { - transform: rotate(180deg); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background: #fff; - display: flex; - align-items: center; - justify-content: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__name { - color: var(--directorist-color-dark); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__count { - 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; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item { - margin: 0; - list-style: none; - overflow-y: auto; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item a { - 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: var(--directorist-color-light); - border-radius: 16px; - -webkit-padding-start: 20px; - padding-inline-start: 20px; - -webkit-padding-end: 20px; - 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--icon + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 64px; - padding-inline-start: 64px; -} -.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: flex; - align-items: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle + .directorist-taxonomy-list__sub-item { - height: 0; - 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 { - height: auto; -} -.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: 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: var(--directorist-color-deep-gray); - transform: translateX(-50%); -} - -/* Taxonomy List Style Two */ -.directorist-taxonomy-list-two .directorist-taxonomy-list { - box-shadow: var(--directorist-box-shadow); - border-radius: var(--directorist-border-radius-lg); - background: var(--directorist-color-white); -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__card { - 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; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__name { - 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: #000; - display: flex; - align-items: center; - justify-content: center; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask::after { - background-color: #fff; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__toggle { - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__toggler { - display: none; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item { - margin: 0; - padding: 15px 20px 25px; - list-style: none; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item li { - margin-bottom: 7px; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item a { - 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; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul li { - -webkit-padding-start: 10px; - padding-inline-start: 10px; -} - -/* Location: Grid One */ -.directorist-location { - margin-top: 30px; -} -.directorist-location--grid-one .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; -} -.directorist-location--grid-one .directorist-location__single--img { - height: 300px; -} -.directorist-location--grid-one .directorist-location__single--img::before { - position: absolute; - content: ""; - width: 100%; - height: inherit; - left: 0; - top: 0; - background: rgba(0, 0, 0, 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; -} -.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; - box-shadow: var(--directorist-box-shadow); - display: flex; - align-items: center; - justify-content: center; -} -.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; -} -.directorist-location--grid-one .directorist-location__content h3 { - margin: 0; - font-size: 20px; - font-weight: var(--directorist-fw-medium); -} -.directorist-location--grid-one .directorist-location__content a { - text-decoration: none; -} -.directorist-location--grid-one .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; -} -.directorist-location--grid-one .directorist-location__count { - display: block; -} -.directorist-location--grid-two .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; -} -.directorist-location--grid-two .directorist-location__single--img { - 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 { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: var(--directorist-border-radius-lg); -} -.directorist-location--grid-two .directorist-location__single__img { - 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(0, 0, 0, 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); - 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; -} -.directorist-location--grid-two .directorist-location__content h3 { - margin: 0; - font-size: 20px; - font-weight: var(--directorist-fw-medium); -} -.directorist-location--grid-two .directorist-location__content a { - text-decoration: none; -} -.directorist-location--grid-two .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; -} -.directorist-location--grid-two .directorist-location__count { - display: block; -} -@media screen and (max-width: 991px) { - .directorist-location .directorist-col-3 { - width: 33.33%; - } -} -@media screen and (max-width: 767px) { - .directorist-location .directorist-col-3 { - width: 50%; - } -} -@media screen and (max-width: 575px) { - .directorist-location .directorist-col-3 { - width: 100%; - } -} - -/* Modal Core Styles */ -.atm-open { - overflow: hidden; -} - -.atm-open .at-modal { - 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; -} - -.at-modal-content { - 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: #fff; - pointer-events: auto; - border-radius: 3px; - position: relative; -} - -.at-modal-content.at-modal-lg { - width: 800px; -} - -.at-modal-content.at-modal-xl { - width: 1140px; -} - -.at-modal-content.at-modal-sm { - width: 300px; -} - -.at-modal.atm-fade { - transition: 0.3s ease; -} - -.at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; -} - -.at-modal.atm-show .at-modal-content { - 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; - transform: none; - background: #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; -} - -/* 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); - } -} -/* 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); - } -} -/* 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); - } -} -/* 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); - } -} -/* Authentication style */ -.directorist-author__form { - padding: 50px 40px; - border-radius: 16px; - background-color: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow); -} -@media only screen and (max-width: 480px) { - .directorist-author__form { - padding: 40px 25px; - } -} -.directorist-author__form__btn { - width: 100%; - height: 50px; - border-radius: 12px; -} -.directorist-author__form__actions { - 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); -} -.directorist-author__form__actions a:hover { - 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); -} -.directorist-author__form__toggle-area { - 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); -} -.directorist-author__form__toggle-area a:hover { - color: var(--directorist-color-primary); -} -.directorist-author__form__recover-pass-modal .directorist-form-group { - padding: 25px; -} -.directorist-author__form__recover-pass-modal p { - 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); -} - -/* Directorist all authors card */ -.directorist-authors-section { - position: relative; -} - -.directorist-content-active .directorist-authors__cards { - margin-top: -30px; -} -.directorist-content-active .directorist-authors__cards .directorist-row > * { - margin-top: 30px; -} -.directorist-content-active .directorist-authors__nav { - margin-bottom: 30px; -} -.directorist-content-active .directorist-authors__nav ul { - 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; -} -.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; - 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); -} -.directorist-content-active .directorist-authors__nav li.active a { - border-bottom-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-authors__card { - border: 1px solid #eee; - border-radius: 10px; - padding: 20px; - background: #fff; -} -.directorist-content-active .directorist-authors__card__img { - 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; -} -.directorist-content-active .directorist-authors__card__details__top { - 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; -} -.directorist-content-active .directorist-authors__card h2:before { - 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; -} -.directorist-content-active .directorist-authors__card__info-list { - 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: 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; - 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: -5px -5px 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: #000; - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover > span { - background: none; - color: #fff; -} -.directorist-content-active .directorist-authors__card p { - font-size: 14px; - color: #767792; - margin-bottom: 20px; -} -.directorist-content-active .directorist-authors__card .directorist-btn { - border: 0 none; - box-shadow: none; - transition: 0.3s ease; -} -.directorist-content-active .directorist-authors__card .directorist-btn:hover { - background: #000; - color: #fff; -} - -/* Directorist All author Grid */ -@media (max-width: 575px) { - .directorist-authors__cards .directorist-col-6 { - width: 100%; - } -} -@media (max-width: 991px) { - .directorist-authors__cards .directorist-col-4 { - width: 50%; - } -} -@media (max-width: 575px) { - .directorist-authors__cards .directorist-col-4 { - width: 100%; - } -} -@media (max-width: 1199px) { - .directorist-authors__cards .directorist-col-3 { - width: 33.33%; - } -} -@media (max-width: 991px) { - .directorist-authors__cards .directorist-col-3 { - width: 50%; - } -} -@media (max-width: 575px) { - .directorist-authors__cards .directorist-col-3 { - width: 100%; - } -} -@media (max-width: 1199px) { - .directorist-authors__cards .directorist-col-2 { - width: 25%; - } -} -@media (max-width: 991px) { - .directorist-authors__cards .directorist-col-2 { - width: 33.33%; - } -} -@media (max-width: 767px) { - .directorist-authors__cards .directorist-col-2 { - width: 50%; - } -} -@media (max-width: 575px) { - .directorist-authors__cards .directorist-col-2 { - width: 100%; - } -} -.directorist-authors__pagination { - margin-top: 25px; -} - -.select2-selection__arrow, -.select2-selection__clear { - display: none !important; -} - -.directorist-select2-addons-area { - 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: flex; - align-items: center; - justify-content: center; -} - -.directorist-select2-dropdown-toggle { - height: 30px; - width: 25px; -} - -.directorist-select2-dropdown-close { - height: 30px; - width: 25px; -} -.directorist-select2-dropdown-close .directorist-icon-mask::after { - width: 15px; - height: 15px; -} - -.directorist-select2-addon .directorist-icon-mask::after { - width: 13px; - height: 13px; -} - -.directorist-form-section { - 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 p { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} - -.directorist-all-listing-btn, -.directorist-all-listing-modal, -.directorist-type-nav, -.directorist-header-bar { - background: var(--directorist-color-white); -} - -.directorist-all-listing-btn { - display: flex; - gap: 20px; - align-items: center; - padding-bottom: 20px; - justify-content: space-between; -} -.directorist-all-listing-btn__basic { - flex: 1; -} -.directorist-all-listing-btn .directorist-btn__back i::after { - width: 16px; - height: 16px; -} -.directorist-all-listing-btn .directorist-modal-btn--basic { - 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; - transform: rotate(270deg); -} -.directorist-all-listing-btn .directorist-modal-btn--advanced i::after { - width: 16px; - height: 16px; -} - -@media screen and (min-width: 576px) { - .directorist-all-listing-btn, - .directorist-all-listing-modal { - display: none; - } -} -.directorist-listing-single { - font-size: 15px; - margin-bottom: 15px; -} -.directorist-listing-single--bg { - border-radius: 12px; - background: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow); -} -.directorist-listing-single--bg .directorist-listing-single__info { - flex-direction: column; -} -.directorist-listing-single__content { - border-radius: 4px; -} -.directorist-listing-single__info { - display: flex; - flex-wrap: wrap; - gap: 8px; - position: relative; - padding: 40px 20px 20px; -} -.directorist-listing-single__info--top { - display: flex; - align-items: center; - flex-wrap: wrap; - flex: 1; - gap: 6px; -} -.directorist-listing-single__info--top .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); -} -.directorist-listing-single__info--top .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-listing-single__info--top .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-listing-single__info--top .directorist-info-item.directorist-rating-meta { - display: inline-flex; - align-items: center; -} -.directorist-listing-single__info--top .directorist-listing-card-posted-on { - display: inline-flex; - align-items: center; - flex: 0 0 100%; - order: 1; - font-size: 13px; - color: var(--directorist-color-light-gray); -} -.directorist-listing-single__info--top .directorist-listing-card-posted-on i { - display: none; -} -.directorist-listing-single__info--list { - margin-top: 16px; -} -.directorist-listing-single__info--list ul { - list-style-type: none; - padding: 0; - margin: 0; -} -.directorist-listing-single__info--list li { - color: var(--directorist-color-body); - margin: 0; - list-style: none; -} -.directorist-listing-single__info--list li:not(:last-child) { - margin: 0 0 7px; -} -.directorist-listing-single__info--list li > div { - margin-bottom: 2px; - font-size: 14px; - display: flex; - gap: 10px; -} -.directorist-listing-single__info--list li > div .directorist-icon-mask { - position: relative; - top: 2px; -} -.directorist-listing-single__info--list li > div .directorist-icon-mask:after { - width: 20px; - background-color: var(--directorist-color-light-gray); -} -.directorist-listing-single__info--list li > div .directorist-listing-single__info--list__label { - display: none; -} -.directorist-listing-single__info--list li .directorist-icon { - font-size: 17px; - color: var(--directorist-color-body); - margin-right: 8px; -} -.directorist-listing-single__info--list li a { - text-decoration: none; - color: var(--directorist-color-body); - word-break: break-word; -} -.directorist-listing-single__info--list .directorist-listing-card-location-list { - display: block; - margin: 0; -} -.directorist-listing-single__info--list__label { - display: inline-block; - margin-right: 5px; -} -.directorist-listing-single__info--right { - display: flex; - align-items: center; - gap: 20px; - position: absolute; - right: 20px; - top: 20px; -} -@media screen and (max-width: 991px) { - .directorist-listing-single__info--right { - gap: 15px; - } -} -@media screen and (max-width: 575px) { - .directorist-listing-single__info--right { - gap: 10px; - } -} -.directorist-listing-single__info--excerpt:empty { - display: none; -} -.directorist-listing-single__info--excerpt:not(:empty) { - margin-top: 15px; -} -.directorist-listing-single__info--excerpt:not(:empty) p { - font-size: 15px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: left; - margin: 0; -} -.directorist-listing-single__info--excerpt:not(:empty) p a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single__info__top-right { - display: flex; - align-items: flex-start; - gap: 20px; -} -@media screen and (max-width: 575px) { - .directorist-listing-single__info__top-right { - flex-wrap: wrap; - gap: 5px; - } - .directorist-listing-single__info__top-right .directorist-mark-as-favorite { - position: absolute; - top: 20px; - left: -30px; - } -} -.directorist-listing-single__info__top-right .directorist-listing-single__info--right { - position: unset; -} -.directorist-listing-single__info a { - text-decoration: none; - box-shadow: none; - color: var(--directorist-color-body); -} -.directorist-listing-single__info .directorist-info-item { - font-size: 14px; - line-height: 1.45; - position: relative; - display: inline-block; -} -.directorist-listing-single__info .directorist-info-item:not(:last-of-type) { - padding-right: 10px; -} -.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-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge { - margin-right: 8px; - padding-right: 3px; -} -.directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge:after { - right: -8px; -} -.directorist-listing-single__info .directorist-info-item.directorist-rating-meta { - display: inline-flex; - align-items: center; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask { - margin-right: 4px; -} -.directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask:after { - width: 15px; - height: 15px; -} -.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-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-listing-single__info .directorist-info-item.directorist-listing-category, .directorist-listing-single__info .directorist-info-item.directorist-listing-location { - display: inline-flex; - align-items: flex-start; - gap: 5px; -} -.directorist-listing-single__info .directorist-info-item.directorist-listing-category .directorist-icon-mask, .directorist-listing-single__info .directorist-info-item.directorist-listing-location .directorist-icon-mask { - margin-top: 2px; -} -.directorist-listing-single__info .directorist-info-item.directorist-listing-category:after, .directorist-listing-single__info .directorist-info-item.directorist-listing-location:after { - top: 10px; - transform: unset; -} -.directorist-listing-single__info .directorist-badge + .directorist-badge { - margin-left: 3px; -} -.directorist-listing-single__info .directorist-listing-tagline { - margin: 0 4px 15px 4px; -} -.directorist-listing-single__info .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 1.2; - margin: 0 0 8px; - flex: 0 0 100%; -} -.directorist-listing-single__info .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-primary); -} -.directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - padding: 0; -} -@media screen and (max-width: 575px) { - .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-weight: 700; - } -} -.directorist-listing-single__meta { - display: flex; - flex-wrap: wrap; - gap: 10px; - position: relative; - padding: 15px 22px 10px; - justify-content: space-between; - border-top: 1px solid var(--directorist-color-border); -} -.directorist-listing-single__meta--left { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 10px; -} -.directorist-listing-single__meta--left .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; -} -.directorist-listing-single__meta--right { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: 20px; -} -.directorist-listing-single__meta--right .directorist-view-count { - font-size: 14px; - color: var(--directorist-color-body); - display: flex; - align-items: center; - gap: 5px; - /* Legacy Icon */ -} -.directorist-listing-single__meta--right .directorist-view-count .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-light-gray); -} -.directorist-listing-single__meta--right .directorist-view-count > span { - display: inline-block; - margin-right: 5px; -} -.directorist-listing-single__meta--right .directorist_open_status_badge { - display: flex; -} -.directorist-listing-single__meta--right .directorist-thumb-listing-author a { - width: 38px; - height: 38px; - display: inline-block; - vertical-align: middle; -} -.directorist-listing-single__meta--right .directorist-thumb-listing-author img { - width: 100%; - height: 100%; - border-radius: 50%; -} -.directorist-listing-single__meta--right .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-listing-single__meta .directorist-listing-category > a { - /* Legacy Icon */ -} -.directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask { - height: 34px; - width: 34px; - border-radius: 50%; - background: var(--directorist-color-light); - display: inline-flex; - align-items: center; - justify-content: center; - margin-right: 10px; -} -.directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask:after { - background-color: #404040; - width: 14px; - height: 14px; -} -.directorist-listing-single__meta .directorist-listing-category > a > span { - width: 36px; - height: 36px; - border-radius: 50%; - background: #F3F3F3; - display: inline-flex; - align-items: center; - justify-content: center; - margin-right: 10px; -} -.directorist-listing-single__meta .directorist-listing-category > a > span:before { - color: #51526E; -} -.directorist-listing-single__meta .directorist-listing-category__extran-count { - font-size: 14px; - font-weight: 500; -} -.directorist-listing-single__meta .directorist-rating-meta, -.directorist-listing-single__meta .directorist-listing-card-phones { - display: flex; - align-items: center; -} -.directorist-listing-single__thumb { - position: relative; - margin: 0; -} -.directorist-listing-single__thumb .directorist-thumnail-card { - position: relative; - width: 100%; - height: 100%; - border-radius: 12px; - overflow: hidden; - z-index: 0; -} -.directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-contain .directorist-thumnail-card-front-img { - -o-object-fit: contain; - object-fit: contain; -} -.directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-full .directorist-thumnail-card-front-wrap { - position: static; -} -.directorist-listing-single__thumb .directorist-thumnail-card-front-wrap, -.directorist-listing-single__thumb .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-listing-single__thumb .directorist-thumnail-card-back-wrap { - z-index: 1; -} -.directorist-listing-single__thumb .directorist-thumnail-card-front-img, -.directorist-listing-single__thumb .directorist-thumnail-card-back-img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - margin: 0; -} -.directorist-listing-single__thumb .directorist-thumnail-card-back-img { - filter: blur(5px); -} -.directorist-listing-single__thumb .directorist-thumb-top-left { - left: 20px; - top: 20px; -} -.directorist-listing-single__thumb .directorist-thumb-top-right { - top: 20px; - right: 20px; -} -.directorist-listing-single__thumb .directorist-thumb-bottom-left { - left: 20px; - bottom: 30px; -} -.directorist-listing-single__thumb .directorist-thumb-bottom-right { - right: 20px; - bottom: 30px; -} -.directorist-listing-single__thumb .directorist-thumb-top-right, -.directorist-listing-single__thumb .directorist-thumb-top-left, -.directorist-listing-single__thumb .directorist-thumb-bottom-left, -.directorist-listing-single__thumb .directorist-thumb-bottom-right { - position: absolute; - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 6px; -} -.directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn i, -.directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.la, -.directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.las, -.directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fa, -.directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fas, -.directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.lab, -.directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fab, -.directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn i, -.directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.la, -.directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.las, -.directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fa, -.directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fas, -.directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.lab, -.directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fab, -.directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn i, -.directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.la, -.directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.las, -.directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fa, -.directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fas, -.directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.lab, -.directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fab, -.directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn i, -.directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.la, -.directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.las, -.directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fa, -.directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fas, -.directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.lab, -.directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fab { - color: var(--directorist-color-white); -} -.directorist-listing-single .directorist-badge { - margin: 3px; -} -.directorist-listing-single .directorist-badge.directorist-badge-popular { - background-color: #f51957; -} -.directorist-listing-single .directorist-badge.directorist-badge-open { - background-color: var(--directorist-color-success); -} -.directorist-listing-single .directorist-badge.directorist-badge-close { - background-color: var(--directorist-color-danger); -} -.directorist-listing-single .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-new-badge); -} -.directorist-listing-single .directorist-badge.directorist-badge-featured { - background-color: #fa8b0c; -} -.directorist-listing-single .directorist-badge.directorist-badge-negotiation { - background-color: var(--directorist-color-info); -} -.directorist-listing-single .directorist-badge.directorist-badge-sold { - background-color: var(--directorist-color-danger); -} -.directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - top: auto; - bottom: 35px; -} -.directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before { - top: auto; - bottom: -7px; - transform: rotate(180deg); -} -.directorist-listing-single.directorist-listing-card .directorist-listing-title { - margin-top: 4px; -} -.directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb { - position: relative; - padding: 10px 10px 0 10px; -} -.directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img { - border-radius: 12px; -} -.directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author { - position: absolute; - bottom: 0; - transform: translateY(50%); - display: flex; - z-index: 1; -} -.directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { - left: 50%; - transform: translate(-50%, 50%); -} -.directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left { - left: 20px; -} -.directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right { - right: 20px; -} -.directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { - left: 50%; - transform: translateX(-50%); -} -.directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img { - width: 100%; - border-radius: 50%; - height: auto; -} -.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-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background: var(--directorist-color-white); -} -.directorist-listing-single.directorist-listing-list { - display: flex; - flex-wrap: wrap; -} -@media screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child) { - display: none; - } - .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after { - width: 10px; - height: 10px; - } - .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg { - margin-left: 0; - font-size: 12px; - font-weight: normal; - } - .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review { - font-size: 12px; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-price { - font-size: 12px; - font-weight: 600; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--excerpt:not(:empty) p { - font-size: 12px; - line-height: 1.6; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--list li > div { - font-size: 12px; - line-height: 1.2; - gap: 8px; - } - .directorist-listing-single.directorist-listing-list .directorist-view-count, - .directorist-listing-single.directorist-listing-list .directorist-listing-category a, - .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count { - font-size: 12px; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup { - margin-left: 5px; - } - .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a, - .directorist-listing-single.directorist-listing-list .directorist-listing-category > a .directorist-icon-mask { - width: 30px; - height: 30px; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--list li > div .directorist-icon-mask { - top: 0; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--list .directorist-icon-mask:after { - width: 12px; - height: 14px; - } - .directorist-listing-single.directorist-listing-list .directorist-swiper__navigation, - .directorist-listing-single.directorist-listing-list .directorist-swiper__pagination { - display: none; - } -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - flex: 1; - max-width: 320px; - padding: 10px 0 10px 10px; -} -@media only screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - flex: unset; - width: 100px; - height: 100px; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge { - width: 20px; - height: 20px; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-favorite-icon:before, - .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge .directorist-icon-mask:after { - width: 10px; - height: 10px; - } -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card { - height: 100% !important; -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-img { - border-radius: 12px; -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - flex: 2; - padding: 10px 0 10px; -} -@media screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - padding: 0; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-single__content .directorist-listing-single__meta { - display: none; - } -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - flex: 0 0 100%; -} -@media screen and (min-width: 575px) { - .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - display: none; - } -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - display: flex; - flex-direction: column; - padding: 18px 20px 15px; -} -@media only screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-listing-title { - margin: 0; - font-size: 14px; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--list { - margin: 0; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--excerpt { - margin: 0; - } -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__action { - display: flex; - gap: 12px; - align-items: center; -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge { - margin: 0; -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge:after { - display: none; -} -@media only screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right { - right: unset; - left: -30px; - top: 20px; - } - .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon { - width: 20px; - height: 20px; - border-radius: 100%; - background: var(--directorist-color-white); - } - .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before { - width: 10px; - height: 10px; - } -} -.directorist-listing-single.directorist-listing-list .directorist-thumb-top-left { - left: 20px; - top: 20px; -} -.directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - top: 20px; - right: 10px; -} -@media only screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - right: unset; - left: 20px; - flex-direction: column; - } -} -.directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-left { - left: 20px; - bottom: 20px; -} -.directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-right { - right: 10px; - bottom: 20px; -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge { - margin: 0; - padding: 0; -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge:after { - display: none; -} -.directorist-listing-single.directorist-listing-card .directorist-badge, .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%; -} -.directorist-listing-single.directorist-listing-card .directorist-badge .directorist-icon-mask:after, .directorist-listing-single.directorist-listing-list .directorist-badge .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - display: inline-block; - height: 21px; - line-height: 21px; - width: auto; - padding: 0 5px; - border-radius: 4px; -} -@media screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - height: 18px; - line-height: 18px; - font-size: 8px; - } -} -.directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular, .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-white); -} -.directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new, .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-white); -} -.directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured, .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-white); -} -.directorist-listing-single.directorist-featured { - border: 1px solid var(--directorist-color-warning); -} - -.directorist-rating-meta { - padding: 0; -} -.directorist-rating-meta i.directorist-icon-mask:after { - background-color: var(--directorist-color-warning); -} -.directorist-rating-meta i.directorist-icon-mask.star-empty:after { - background-color: #D1D1D1; -} -.directorist-rating-meta .directorist-rating-avg { - 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); -} -.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; -} - -/* mark as favorite btn */ -.directorist-mark-as-favorite__btn { - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - position: relative; - text-decoration: none; -} -.directorist-mark-as-favorite__btn:focus { - outline: 0; - text-decoration: none; -} -.directorist-mark-as-favorite__btn .directorist-favorite-icon { - display: flex; - align-items: center; - justify-content: center; -} -.directorist-mark-as-favorite__btn .directorist-favorite-icon:before { - content: ""; - -webkit-mask-image: url("../../../../icons/line-awesome/svgs/heart.svg"); - mask-image: url("../../../../icons/line-awesome/svgs/heart.svg"); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: #404040; - transition: 0.3s ease; -} -.directorist-mark-as-favorite__btn.directorist-added-to-favorite .directorist-favorite-icon:before { - -webkit-mask-image: url("../../../../icons/line-awesome/svgs/heart-solid.svg"); - mask-image: url("../../../../icons/line-awesome/svgs/heart-solid.svg"); - background-color: #F80718; -} -.directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - position: absolute; - min-width: 120px; - right: 0; - top: 35px; - background: #000; - color: #fff; - 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 #000; - 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: flex; - gap: 15px; - flex-wrap: wrap; - 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 { - order: 1; - flex: 0 0 100%; -} -.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 { - width: 45px; - max-width: none; - height: 45px; - 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-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--list { - margin-top: 16px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--list ul { - list-style: none; - padding: 0; - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--list li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--list li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--list li > div { - margin-bottom: 2px; - font-size: 14px; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--list li > div .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--list li > div .directorist-listing-single__info--list__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 { - 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:not(:empty) { - margin-top: 15px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--excerpt:not(:empty) p { - font-size: 15px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: left; - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--excerpt:not(:empty) li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--excerpt:not(:empty) li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--excerpt:not(:empty) li > div { - margin-bottom: 2px; - font-size: 14px; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--excerpt:not(:empty) li > div .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--excerpt:not(:empty) li > div .directorist-listing-single__info--list__label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--excerpt:not(:empty) li .directorist-icon { - font-size: 17px; - color: #444752; - margin-right: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info--excerpt:not(:empty) 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:not(:empty) a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content { - border: 0 none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content__body { - padding: 10px 22px 15px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content__body .directorist-listing-single__info--list { - margin-top: 0; -} -.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 .directorist-mark-as-favorite__btn { - background: transparent; - width: auto; - height: auto; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single.directorist-listing-no-thumb--fix .directorist-listing-single__header { - flex-wrap: wrap; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single.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-listing-single.directorist-listing-no-thumb .directorist-listing-single.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__right { - margin-top: 15px; -} - -/* 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 .directorist-listing-single__info { - padding: 0; -} -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header .directorist-listing-single__action { - display: flex; - align-items: center; - gap: 6px; -} -.directorist-listing-single.directorist-listing-list .directorist_open_status_badge { - display: flex; -} -.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.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-archive-grid-view.directorist-archive-grid--fix .directorist-all-listing-col { - width: 50%; -} -@media only screen and (max-width: 575px) { - .directorist-archive-grid-view.directorist-archive-grid--fix .directorist-all-listing-col { - width: 100%; - } -} - -.directorist-listing-category { - display: flex; - align-items: center; -} -.directorist-listing-category__popup { - 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: 12px; - background-color: var(--directorist-color-white); - box-shadow: var(--directorist-box-shadow); - line-break: auto; - word-break: break-all; - transition: 0.3s ease; - z-index: 1; -} -.directorist-listing-category__popup__content a { - 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; -} -.directorist-listing-category__popup__content a i { - 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); -} -.directorist-listing-category__popup__content a:hover { - 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); -} -.directorist-listing-category__popup:hover .directorist-listing-category__popup__content { - visibility: visible; - opacity: 1; - pointer-events: all; -} - -.directorist-listing-price-range span { - font-weight: 600; - color: rgba(122, 130, 166, 0.3); -} -.directorist-listing-price-range span.directorist-price-active { - color: var(--directorist-color-body); -} - -#map.leaflet-container, -#gmap.leaflet-container, -.directorist-single-map.leaflet-container { - /*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: 10px; - 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; -} -@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; - } -} -@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 .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%; -} -#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; -} -#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; -} -#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; -} -#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: 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: 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; -} -#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%; -} -#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; -} -#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; -} -#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; -} -#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: 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: 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; -} -#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; -} -#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: #fff; - 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: #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; -} -#map.leaflet-container .leaflet-control-zoom, -#gmap.leaflet-container .leaflet-control-zoom, -.directorist-single-map.leaflet-container .leaflet-control-zoom { - display: none; -} - -.directorist-single-map .gm-style-iw-c, -.directorist-single-map .gm-style-iw-d { - max-height: unset !important; -} -.directorist-single-map .gm-style-iw-t { - bottom: 48px !important; -} -.directorist-single-map .gm-style-iw-tc { - display: none; -} - -.map-listing-card-single { - position: relative; - padding: 10px; - border-radius: 10px; - box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.33); - background: var(--directorist-color-white); -} -.map-listing-card-single .directorist-mark-as-favorite__btn { - position: absolute; - top: 20px; - right: 20px; - width: 30px; - height: 30px; - border-radius: 100%; - background: 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 a { - width: 100%; - display: inline-flex; -} -.map-listing-card-single__img img { - width: 100%; - max-width: 100%; - max-height: 200px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 10px; -} -.map-listing-card-single__author a { - width: 42px; - height: 42px; - display: inline-flex; - border-radius: 100%; - margin-top: -24px; - margin-left: 18px; - margin-bottom: 5px; - border: 3px solid var(--directorist-color-white); -} -.map-listing-card-single__author img { - width: 100%; - height: 100%; - border-radius: 100%; -} -.map-listing-card-single__content { - padding: 0 10px 10px; -} -.map-listing-card-single__content__title { - font-size: 16px; - font-weight: 500; - margin: 0 0 10px; - color: var(--directorist-color-primary); -} -.map-listing-card-single__content__title a { - text-decoration: unset; - color: var(--directorist-color-primary); -} -.map-listing-card-single__content__title a:hover { - color: var(--directorist-color-primary); -} -.map-listing-card-single__content__meta { - 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: 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; -} -.map-listing-card-single__content__meta .directorist-icon-mask:after { - 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-rating-avg { - 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); -} -.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%; - transform: translateY(-50%); - width: 3px; - height: 3px; - border-radius: 100%; - background-color: var(--directorist-color-gray-hover); -} -.map-listing-card-single__content__info { - display: flex; - gap: 10px; - flex-direction: column; -} -.map-listing-card-single__content__info .directorist-info-item { - 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); -} -.map-listing-card-single__content__info a:hover { - 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); -} -.map-listing-card-single__content__location { - display: flex; - flex-wrap: wrap; - align-items: center; -} -.map-listing-card-single__content__location a:not(:first-child) { - margin-left: 5px; -} - -.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; -} - -.atbd_map_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-primary); -} -.atbd_map_shape:before { - 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(0, 0, 0, 0.2); - animation: atbd_scale 3s linear alternate infinite; -} -.atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background: var(--directorist-color-white); -} -.atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; -} - -.marker-cluster-shape { - width: 35px; - height: 35px; - background: #444752; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - color: #fff; - 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(0, 0, 0, 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: 10px; - box-shadow: unset; -} -@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 .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; -} -.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; -} -.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; -} - -.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-title); - 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: #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; -} -.directorist-report-abuse-modal .directorist-modal__body { - padding: 20px 0; - border: none; -} -.directorist-report-abuse-modal .directorist-modal__body label { - font-size: 18px; - margin-bottom: 12px; - text-align: left; - display: block; -} -.directorist-report-abuse-modal .directorist-modal__body textarea { - min-height: 90px; -} -.directorist-report-abuse-modal #directorist-report-abuse-message-display { - 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-modal__footer { - 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; - 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; -} -.directorist-report-abuse-modal #directorist-report-abuse-form { - text-align: left; -} - -.directorist-rated-stars ul, -.atbd_rated_stars ul { - margin: 0; - padding: 0; -} -.directorist-rated-stars li, -.atbd_rated_stars li { - 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; -} -.directorist-rated-stars span:before, -.atbd_rated_stars span:before { - content: ""; - -webkit-mask-image: url("../../../../icons/font-awesome/svgs/solid/star.svg"); - mask-image: url("../../../../icons/font-awesome/svgs/solid/star.svg"); - -webkit-mask-repeat: no-repeat; - 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: #fa8b0c; -} - -.directorist-single button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); -} -.directorist-single button:not(:hover):not(:active):not(.has-text-color) { - color: initial; -} - -.directorist-listing-details .directorist-listing-single { - border: 0 none; -} - -.directorist-single-listing-notice { - margin-bottom: 15px; -} - -.directorist-single-tag-list li { - margin: 0 0 10px; -} -.directorist-single-tag-list a { - text-decoration: none; - color: #51526E; - transition: 0.3s ease; - display: flex; - align-items: center; - /* Legacy Icon */ -} -.directorist-single-tag-list a .directorist-icon-mask { - display: inline-flex; - align-items: center; - justify-content: center; - width: 35px; - height: 35px; - border-radius: 50%; - background: var(--directorist-color-bg-light); - margin-right: 10px; - transition: 0.3s ease; -} -.directorist-single-tag-list a .directorist-icon-mask:after { - font-size: 15px; -} -.directorist-single-tag-list a > span:not(.directorist-icon-mask) { - display: inline-flex; - align-items: center; - justify-content: center; - width: 35px; - height: 35px; - border-radius: 50%; - background: var(--directorist-color-bg-light); - margin-right: 10px; - transition: 0.3s ease; - font-size: 15px; -} -.directorist-single-tag-list a:hover { - color: #000; -} -.directorist-single-tag-list a:hover span { - background: #000; - color: #fff; -} - -.directorist-single-dummy-shortcode { - width: 100%; - background-color: #556166; - color: #fff; - 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: flex; -} - -.directorist-signle-listing-top { - gap: 20px; - margin-bottom: 15px; - align-items: flex-start; -} -.directorist-signle-listing-top .directorist-return-back { - text-decoration: none; - gap: 8px; - margin: 0; - min-width: 120px; -} -.directorist-signle-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: block; -} - -.directorist-single-wrapper .directorist-card { - margin-bottom: 35px; - filter: none; - box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); -} -.directorist-single-wrapper .directorist-card .directorist-card__body { - padding: 30px; -} -@media screen and (max-width: 575px) { - .directorist-single-wrapper .directorist-card .directorist-card__body { - padding: 20px; - } -} -.directorist-single-wrapper .directorist-card .directorist-card__header { - padding: 20px 25px; -} -@media screen and (max-width: 575px) { - .directorist-single-wrapper .directorist-card .directorist-card__header { - padding: 15px 20px; - } -} -.directorist-single-wrapper .directorist-card .directorist-single-author-name h4 { - margin: 0; -} -.directorist-single-wrapper .directorist-card__header--title { - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - margin: 0 -6px; -} -.directorist-single-wrapper .directorist-card__header--title #directorist-review-counter { - margin-right: 10px; -} -.directorist-single-wrapper .directorist-card__header-icon { - display: flex; - justify-content: center; - align-items: center; - width: 34px; - height: 34px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); -} -.directorist-single-wrapper .directorist-card__header-icon .directorist-icon-mask { - color: var(--directorist-color-dark); -} -.directorist-single-wrapper .directorist-card__header-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; -} -.directorist-single-wrapper .directorist-card__header-icon, -.directorist-single-wrapper .directorist-card__header-text { - margin: 0 6px; -} -.directorist-single-wrapper .directorist-details-info-wrap a { - font-size: 15px; - text-decoration: none; - box-shadow: none; - color: var(--directorist-color-body); -} -.directorist-single-wrapper .directorist-details-info-wrap ul { - display: flex; - flex-wrap: wrap; - margin: 0; - list-style-type: none; - padding: 0; -} -.directorist-single-wrapper .directorist-details-info-wrap li { - flex: 0 0 50%; -} -.directorist-single-wrapper .directorist-details-info-wrap .directorist-social-links a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-single-wrapper .directorist-single-info__label-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-single-wrapper .directorist-single-listing-slider .directorist-swiper__nav i:after { - background-color: var(--directorist-color-white); -} - -.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-map__location { - 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__address { - gap: 10px; - display: flex; - font-size: 14px; - align-items: center; -} -.directorist-single-map__address i::after { - width: 14px; - height: 14px; -} -.directorist-single-map__direction a { - display: flex; - gap: 10px; - align-items: center; -} - -.directorist-single-wrapper .directorist-single-map__direction a { - font-size: 14px; - color: var(--directorist-color-info); -} - -.directorist-single-wrapper .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; -} - -.directorist-single-listing-quick-action { - gap: 8px; - flex-wrap: wrap; -} -@media screen and (max-width: 575px) { - .directorist-single-listing-quick-action { - gap: 12px; - } -} -.directorist-single-listing-quick-action .directorist-social-share { - position: relative; -} -.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-links { - position: absolute; - transition: all 0.2s ease-in-out; - z-index: 2; - visibility: hidden; - opacity: 0; - right: 0; - top: calc(100% + 30px); - background: #ffffff; - border-radius: 10px; - width: 150px; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); - list-style-type: none; - padding: 10px; - margin: 0; -} -.directorist-single-listing-quick-action .directorist-social-links__item { - padding-left: 0; - margin: 0; -} -.directorist-single-listing-quick-action .directorist-social-links__item a { - 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 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: var(--directorist-color-light); - color: var(--directorist-color-dark); -} -.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-dark); -} - -.directorist-single-listing-action { - gap: 8px; - justify-content: center; - font-size: 13px; - border: 0 none; - border-radius: 8px; - padding: 0 16px; - cursor: pointer; - text-decoration: none; - color: var(--directorist-color-body); - transition: 0.2s background-color ease-in-out; -} -@media screen and (max-width: 575px) { - .directorist-single-listing-action { - gap: 0; - padding: 0; - } - .directorist-single-listing-action.directorist-btn.directorist-btn-light { - background-color: transparent; - } - .directorist-single-listing-action .directorist-single-listing-action__text { - display: none; - } -} -.directorist-single-listing-action .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; - color: var(--directorist-color-body); -} -.directorist-single-listing-action a { - box-shadow: none; -} -.directorist-single-listing-action .atbdp-require-login, -.directorist-single-listing-action .directorist-action-report-not-loggedin { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - height: 100%; -} -.directorist-single-listing-action .atbdp-require-login i, -.directorist-single-listing-action .atbdp-require-login span.la, -.directorist-single-listing-action .atbdp-require-login span.las, -.directorist-single-listing-action .atbdp-require-login span.lab, -.directorist-single-listing-action .atbdp-require-login span.fa, -.directorist-single-listing-action .atbdp-require-login span.fas, -.directorist-single-listing-action .atbdp-require-login span.fab, -.directorist-single-listing-action .directorist-action-report-not-loggedin i, -.directorist-single-listing-action .directorist-action-report-not-loggedin span.la, -.directorist-single-listing-action .directorist-action-report-not-loggedin span.las, -.directorist-single-listing-action .directorist-action-report-not-loggedin span.lab, -.directorist-single-listing-action .directorist-action-report-not-loggedin span.fa, -.directorist-single-listing-action .directorist-action-report-not-loggedin span.fas, -.directorist-single-listing-action .directorist-action-report-not-loggedin span.fab { - pointer-events: none; -} - -.directorist-listing-details { - margin: 12px 0 0; -} -.directorist-listing-details .directorist-listing-single__info { - padding: 0; - display: flex; - align-items: center; - flex-wrap: wrap; -} -.directorist-listing-details .directorist-listing-details__text p { - margin: 0 0 15px; - color: #7a82a6; - line-height: 24px; -} -.directorist-listing-details .directorist-listing-details__text ul { - list-style: disc; - padding-left: 20px; - margin-left: 0; -} -.directorist-listing-details .directorist-listing-details__text li { - list-style: disc; -} -.directorist-listing-details .directorist-pricing-meta .directorist-listing-price { - padding: 5px 10px; - border-radius: 6px; - background: var(--directorist-color-light); -} - -.directorist-listing-details__listing-title { - font-size: 30px; - font-weight: 600; - display: inline-block; - margin: 30px 0 0; -} -@media screen and (max-width: 575px) { - .directorist-listing-details__listing-title { - font-size: 24px; - } -} - -.directorist-listing-details-tagline { - margin: 10px 0 0; - color: var(--directorist-color-body); -} - -.directorist-single-wrapper .directorist-embaded-video { - width: 100%; - height: 400px; - border: 0 none; - border-radius: 16px; -} -@media (max-width: 768px) { - .directorist-single-wrapper .directorist-embaded-video { - height: 56.25vw; - } -} - -.directorist-single-wrapper .directorist-single-map { - border-radius: 16px; - z-index: 1; -} -.directorist-single-wrapper .directorist-single-map .atbd_map_shape .directorist-icon-mask:after { - background-color: var(--directorist-color-white); -} -.directorist-single-wrapper .directorist-single-map .directorist-info-item a { - font-size: 14px; -} - -.directorist-related-listing-header h1, -.directorist-related-listing-header h2, -.directorist-related-listing-header h3, -.directorist-related-listing-header h4, -.directorist-related-listing-header h5, -.directorist-related-listing-header h6 { - font-size: 18px; - margin: 0 0 15px; -} - -.directorist-single-author-info .diretorist-view-profile-btn { - font-size: 14px; - margin-top: 22px; - padding: 0 28px; -} - -.directorist-single-author-avatar { - display: flex; - align-items: center; -} -.directorist-single-author-avatar .directorist-single-author-avatar-inner { - margin-right: 10px; -} -.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); -} -.directorist-single-author-avatar .directorist-single-author-membership { - font-size: 14px; - color: var(--directorist-color-light-gray); -} - -.directorist-single-author-contact-info { - margin-top: 15px; -} -.directorist-single-author-contact-info ul { - flex-direction: column; - margin: 0; - padding: 0; -} -.directorist-single-author-contact-info ul li { - 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; -} -.directorist-single-author-contact-info ul a { - text-decoration: none; - color: var(--directorist-color-body); -} -.directorist-single-author-contact-info ul .directorist-icon-mask::after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light-gray); -} - -.directorist-single-author-contact-info-text { - font-size: 15px; - margin-left: 12px; - box-shadow: none; - color: var(--directorist-color-body); -} - -.directorist-single-author-info .directorist-social-wrap { - 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: #444752 !important; - border-radius: 4px; - color: #ffffff !important; - overflow: hidden; - transition: all ease-in-out 300ms !important; -} - -.directorist-details-info-wrap .directorist-single-info { - display: flex; - font-size: 15px; - word-break: break-word; -} -.directorist-details-info-wrap .directorist-single-info:not(:last-child) { - margin-bottom: 12px; -} -.directorist-details-info-wrap .directorist-single-info a { - box-shadow: none; -} -.directorist-details-info-wrap .directorist-single-info__label { - display: flex; - min-width: 140px; - margin-right: 15px; - color: var(--directorist-color-dark); -} -@media screen and (max-width: 575px) { - .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-icon { - 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: var(--directorist-color-bg-light); -} -.directorist-details-info-wrap .directorist-single-info__label--text { - 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; -} -@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__value { - flex: 1; - margin-top: 6px; - color: var(--directorist-color-body); -} -.directorist-details-info-wrap .directorist-single-info__value a { - color: var(--directorist-color-body); -} -.directorist-details-info-wrap.directorist-single-info-picker .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; -} -@media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label { - display: none; - } -} - -.directorist-social-links { - display: flex; - flex-wrap: wrap; - gap: 8px; -} -.directorist-social-links a { - display: inline-flex; - align-items: center; - justify-content: center; - height: 36px; - width: 36px; - background: 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); -} -.directorist-social-links a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-social-links a:hover.facebook { - background-color: #4267B2; -} -.directorist-social-links a:hover.twitter { - background-color: #1da1f2; -} -.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; -} -.directorist-social-links a:hover.linkedin { - background-color: #007bb5; -} -.directorist-social-links a:hover.google-plus { - background-color: #db4437; -} -.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; -} -.directorist-social-links a:hover.pinterest { - background-color: #bd081c; -} -.directorist-social-links a:hover.tumblr { - background-color: #35465d; -} -.directorist-social-links a:hover.flickr { - background-color: #f40083; -} -.directorist-social-links a:hover.vimeo { - background-color: #1ab7ea; -} -.directorist-social-links a:hover.vine { - background-color: #00b489; -} -.directorist-social-links a:hover.github { - background-color: #444752; -} -.directorist-social-links a:hover.dribbble { - background-color: #ea4c89; -} -.directorist-social-links a:hover.behance { - background-color: #196EE3; -} -.directorist-social-links a:hover.soundcloud { - background-color: #ff5500; -} -.directorist-social-links a:hover.stack-overflow { - background-color: #ff5500; -} - -.directorist-contact-owner-form-inner .directorist-form-group { - margin-bottom: 15px; -} -.directorist-contact-owner-form-inner .directorist-form-element { - border-color: var(--directorist-color-border-gray); -} -.directorist-contact-owner-form-inner textarea { - resize: none; -} -.directorist-contact-owner-form-inner .directorist-btn-submit { - padding: 0 18px; - text-decoration: none; - text-transform: capitalize; -} - -.directorist-author-social a .fa { - font-family: "Font Awesome 5 Brands"; -} - -.directorist-google-map, -.directorist-single-map { - height: 400px; -} - -.directorist-rating-review-block { - 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; -} -.directorist-review-area .directorist-form-group-guest-user { - 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; -} -.directorist-rating-given-block .directorist-rating-given-block__label a, -.directorist-rating-given-block .directorist-rating-given-block__stars a { - box-shadow: none; -} -.directorist-rating-given-block .directorist-rating-given-block__label { - margin-right: 10px; - margin: 0 10px 0 0; -} - -.directorist-rating-given-block__stars .br-widget a:before { - content: ""; - -webkit-mask-image: url("../../../../icons/line-awesome/svgs/star-solid.svg"); - mask-image: url("../../../../icons/line-awesome/svgs/star-solid.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); -} -.directorist-rating-given-block__stars .br-current-rating { - display: inline-block; - margin-left: 20px; -} - -.directorist-review-current-rating { - margin-bottom: 16px; -} -.directorist-review-current-rating .directorist-review-current-rating__label { - 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; -} -.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: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-signle-review { - padding-bottom: 26px; - padding-top: 30px; - border-bottom: 1px solid #e3e6ef; -} -.directorist-signle-review:first-child { - padding-top: 0; -} -.directorist-signle-review:last-child { - padding-bottom: 0; - border-bottom: 0; -} -.directorist-signle-review .directorist-signle-review__top { - display: flex; - justify-content: space-between; -} -.directorist-signle-review .directorist-signle-review-avatar-wrap { - display: flex; - align-items: center; - margin-bottom: 22px; -} -.directorist-signle-review .directorist-signle-review-avatar { - margin-right: 12px; -} -.directorist-signle-review .directorist-signle-review-avatar img { - max-width: 50px; - border-radius: 50%; -} -.directorist-signle-review .directorist-rated-stars ul li span.directorist-rate-active { - color: #fa8b0c; -} - -.atbdp-universal-pagination ul { - display: flex; - flex-wrap: wrap; - align-items: center; - margin: -5px; - padding: 0; -} -.atbdp-universal-pagination li { - 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: #fff; -} -.atbdp-universal-pagination li i { - line-height: 28px; -} -.atbdp-universal-pagination li.atbd-active { - cursor: pointer; -} -.atbdp-universal-pagination li.atbd-active:hover { - 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); -} -.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%; - 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; -} - -/*================================== -Review: New Style -===================================*/ -.directorist-review-container { - 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; -} - -.directorist-review-content a > i { - font-size: 13.5px; -} -.directorist-review-content .directorist-btn > i { - margin-right: 5px; -} -.directorist-review-content #cancel-comment-reply-link, -.directorist-review-content .directorist-js-cancel-comment-edit { - font-size: 14px; - margin-left: 30px; - 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 .directorist-js-cancel-comment-edit:hover, -.directorist-review-content .directorist-js-cancel-comment-edit:focus { - 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: 15px; - } -} -.directorist-review-content__header { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - background: var(--directorist-color-white); -} -.directorist-review-content__header h3 { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 0; -} -.directorist-review-content__header h3 span { - color: var(--directorist-color-body); -} -.directorist-review-content__header h3 span:before { - content: "-"; - color: #8F8E9F; - padding-right: 5px; -} -.directorist-review-content__header .directorist-btn { - font-size: 13px; - font-weight: 600; - align-items: center; - padding: 0 18px; - min-height: 40px; -} -.directorist-review-content__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-right: 4px; -} -.directorist-review-content__header .directorist-btn .directorist-icon-mask::after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); -} -.directorist-review-content__overview { - display: flex; - align-items: center; - flex-wrap: wrap; - justify-content: space-between; - padding: 30px 50px; - border-top: 0 none; -} -.directorist-review-content__overview__rating { - text-align: center; -} -@media (max-width: 480px) { - .directorist-review-content__overview__rating { - flex: 0 0 100%; - } - .directorist-review-content__overview__rating .directorist-rating-stars { - justify-content: center; - } -} -.directorist-review-content__overview__rating .directorist-rating-point { - font-size: 40px; - font-weight: 600; - display: block; - color: var(--directorist-color-dark); -} -.directorist-review-content__overview__rating .directorist-rating-stars { - font-size: 15px; - display: flex; - align-items: center; - margin-bottom: 5px; - color: var(--directorist-color-warning); -} -.directorist-review-content__overview__rating .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-warning); -} -.directorist-review-content__overview__rating .directorist-rating-overall { - font-size: 14px; - color: var(--directorist-color-body); - display: block; -} -.directorist-review-content__overview__benchmarks { - flex: 0 0 50%; - padding: 25px; -} -.directorist-review-content__overview__benchmarks .directorist-benchmark-single { - display: flex; - align-items: center; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-content__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-content__overview__benchmarks .directorist-benchmark-single label { - flex: 0.1; - min-width: 70px; - display: inline-block; - margin-right: 4px; -} -.directorist-review-content__overview__benchmarks .directorist-benchmark-single label:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); -} -.directorist-review-content__reviews, .directorist-review-content__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; - margin-left: 0; -} -.directorist-review-content > li { - border-top: 1px solid var(--directorist-color-border); -} -.directorist-review-content .directorist-comment-edit-request { - position: relative; -} -.directorist-review-content .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-comment-edit-request > li { - border-top: 1px solid var(--directorist-color-border); -} -.directorist-review-content .directorist-comment-edit-request .directorist-comment-edit-request { - position: relative; -} -.directorist-review-content .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-content .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(0, 0, 0, 0.2); - border-top-color: rgba(0, 0, 0, 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; -} -.directorist-review-content__pagination ul { - 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; -} -.directorist-review-content__pagination 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: #fff; -} -.directorist-review-content__pagination li .page-numbers.current { - border-color: #090E30; -} - -.directorist-review-single { - padding: 40px 30px; -} -@media screen and (max-width: 575px) { - .directorist-review-single { - padding: 30px 20px; - } -} -.directorist-review-single a { - text-decoration: none; -} -.directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; -} -.directorist-review-single .comment-body p { - font-size: 15px; - margin: 0; - color: var(--directorist-color-body); -} -.directorist-review-single .comment-body em { - font-style: normal; -} -.directorist-review-single .directorist-review-single__header { - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: wrap; - margin-bottom: 20px; -} -.directorist-review-single__author { - display: flex; - flex-wrap: wrap; - align-items: center; -} -.directorist-review-single__author__img { - width: 50px; - height: 50px; -} -.directorist-review-single__author__img img { - width: 50px; - height: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; -} -.directorist-review-single__author__details { - 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); -} -.directorist-review-single__author__details .directorist-rating-stars { - 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); -} -.directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; -} -.directorist-review-single__content p { - font-size: 15px; - color: var(--directorist-color-body); -} -.directorist-review-single__feedback { - display: flex; - flex-wrap: wrap; - align-items: center; - margin: 15px -5px 0; -} -.directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; -} -.directorist-review-single__actions { - margin: 20px -8px 0; - display: flex; - align-items: center; -} -.directorist-review-single__actions a { - 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; -} -.directorist-review-single__actions a .directorist-icon-mask::after { - width: 13.5px; - height: 13.5px; - background-color: var(--directorist-color-deep-gray); -} -.directorist-review-single .directorist-review-submit { - 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: 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; -} -.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); -} - -.directorist-review-submit__header { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; -} -.directorist-review-submit__form { - margin: 0 !important; -} -.directorist-review-submit__form:not(.directorist-form-comment-edit) { - padding: 25px; -} -.directorist-review-single .directorist-review-submit__form.directorist-card__body { - padding-left: 0; - padding-right: 0; -} -.directorist-review-submit__form .directorist-alert { - margin-bottom: 20px; - padding: 10px 20px; -} -.directorist-review-submit__form .directorist-review-criteria { - margin-bottom: 25px; -} -.directorist-review-submit__form .directorist-review-criteria__single { - display: flex; - flex-wrap: wrap; - align-items: center; -} -.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; -} -.directorist-review-submit__form .directorist-review-criteria__single a { - display: inline-flex; - align-items: center; - justify-content: center; - width: 24px; - height: 24px; - border-radius: 4px; - background: #E1E4EC; - margin: 1px; - text-decoration: none; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single a:before { - content: ""; - -webkit-mask-image: url("../../../../icons/line-awesome/svgs/star-solid.svg"); - mask-image: url("../../../../icons/line-awesome/svgs/star-solid.svg"); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: #fff; -} -.directorist-review-submit__form .directorist-review-criteria__single a:focus { - background: #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: #fa8b0c !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; -} -.directorist-review-submit__form .directorist-form-group textarea { - background: #F6F7F9; - font-size: 15px; - display: block; - resize: vertical; - margin: 0; -} -.directorist-review-submit__form .directorist-form-group textarea:focus { - background: #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: var(--directorist-color-white); - margin: 0; -} -.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]::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: flex; -} -.directorist-review-submit__form .form-group-comment.directorist-form-group { - 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 textarea { - border-radius: 16px; - 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-bottom-color: var(--directorist-color-border); -} -.directorist-review-submit__form .directorist-review-media-upload { - 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: 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; -} -.directorist-review-submit__form .directorist-review-media-upload label span { - display: block; - font-size: 14px; - color: #525768; - margin-top: 6px; -} -.directorist-review-submit__form .directorist-review-img-gallery { - 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: 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; - -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: inline-flex; - align-items: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: #fff; - 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: inline-flex; - align-items: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: #fff; - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; -} -.directorist-review-submit .directorist-btn { - padding: 0 22px; - border-radius: 6px; - font-weight: 600; -} - -.directorist-review-content + .directorist-review-submit.directorist-review-submit--hidden { - display: none !important; -} - -@keyframes directoristCommentEditLoading { - to { - transform: rotate(360deg); - } -} -.directorist-favourite-items-wrap { - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -} -.directorist-favourite-items-wrap .directorist-favourirte-items { - background-color: #fff; - padding: 20px 10px; - border-radius: 4px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list { - font-size: 15px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - 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; - 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; -} -@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-primary); - 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; - } -} -@media only screen and (max-width: 479px) { - .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: 6px; - padding: 0px 14px; - color: #fff !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: #fff; -} -.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-user-dashboard { - width: 100% !important; - max-width: 100% !important; - overflow: hidden; -} -.directorist-user-dashboard__contents { - display: flex; -} -.directorist-user-dashboard__toggle { - margin-bottom: 20px; -} -.directorist-user-dashboard__toggle__link { - border: 1px solid #e3e6ef; - padding: 6.5px 8px 6.5px; - border-radius: 4px; - display: inline-block; - outline: 0; - background: #fff; - line-height: 1; - color: var(--directorist-color-primary); -} -.directorist-user-dashboard__tab-content { - flex: 1; - width: calc(100% - 230px); -} -.directorist-user-dashboard .directorist-alert { - margin-bottom: 15px; -} - -/* 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(0, 0, 0, 0.5); -} -#directorist-dashboard-preloader div { - box-sizing: border-box; - display: block; - position: absolute; - width: 64px; - height: 64px; - margin: 8px; - border: 8px solid #222; - border-radius: 50%; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - border-color: #222 transparent transparent transparent; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); -} -#directorist-dashboard-preloader div:nth-child(1) { - animation-delay: -0.45s; -} -#directorist-dashboard-preloader div:nth-child(2) { - animation-delay: -0.3s; -} -#directorist-dashboard-preloader div:nth-child(3) { - animation-delay: -0.15s; -} - -/* My listing tab */ -.directorist-user-dashboard-tab__nav { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - background-color: #fff; - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - border-radius: 4px; - padding: 0 20px; -} -@media screen and (max-width: 480px) { - .directorist-user-dashboard-tab__nav { - align-items: flex-start; - } -} -.directorist-user-dashboard-tab ul { - margin: 0; - list-style: none; - display: flex; - align-items: center; - padding-left: 0; -} -@media screen and (max-width: 480px) { - .directorist-user-dashboard-tab ul { - flex-wrap: wrap; - padding-left: 0; - } -} -.directorist-user-dashboard-tab li { - list-style: none; -} -.directorist-user-dashboard-tab li:not(:last-child) { - 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: #0a0b1e; - position: relative; -} -.directorist-user-dashboard-tab li a:after { - position: absolute; - left: 0; - bottom: -4px; - width: 100%; - height: 2px; - border-radius: 10px; - opacity: 0; - visibility: hidden; - content: ""; - background-color: #0a0b1e; -} -.directorist-user-dashboard-tab li a.directorist-tab__nav__active:after { - opacity: 1; - visibility: visible; -} -@media screen and (max-width: 480px) { - .directorist-user-dashboard-tab li a { - padding-bottom: 5px; - } -} -.directorist-user-dashboard-tab .directorist-user-dashboard-search { - position: relative; - border-radius: 18px; - margin: 16px 0 16px 16px; -} -.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon { - 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; -} -.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; - box-sizing: border-box; -} -.directorist-user-dashboard-tab .directorist-user-dashboard-search input:focus { - outline: none; -} -@media screen and (max-width: 375px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - min-width: unset; - } -} - -.directorist-user-dashboard-tabcontent { - background-color: #fff; - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - border-radius: 4px; - margin-top: 15px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table { - border-radius: 6px; -} -.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: #fff; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - text-align: left; -} -.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; - } -} -@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; -} -@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; -} -@media (max-width: 1499px) { - .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; -} -@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; -} -@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; -} -@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; - 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: #51526e; - 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: 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; -} -.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-listing-price-range .directorist-price-active { - color: #fff; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-price { - font-size: 14px; - font-weight: 500; - color: #51526e; -} -.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_published { - color: #218a00; - background-color: rgba(33, 138, 0, 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_pending { - color: #dc7600; - background-color: rgba(220, 118, 0, 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: #2c99ff; - font-weight: 500; - margin-right: 20px; - display: flex; - align-items: center; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn i { - margin-right: 5px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn i span { - background-color: #2c99ff; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more { - display: inline-flex; - align-items: center; - justify-content: center; - background-color: #fff; - font-weight: 500; - color: #51526e; -} -.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: #51526e; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-checkbox label { - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - color: #51526e; -} -.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: #fff; - 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: #51526e; - 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: #51526e; -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_rating li:not(:last-child) { - margin-right: 4px; -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_category ul { - 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 a { - padding: 0; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination { - 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: 36px; - min-height: 36px; - width: 36px; - min-width: 36px; - display: inline-flex; - align-items: center; - justify-content: center; - border: 1px solid #e1e4ec; - border-radius: 6px; - background: #fff; - transition: 0.3s; - color: #7a82a6; - text-align: center; - margin: 4px; - right: auto; - float: none; - font-size: 15px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current { - background-color: #fff !important; - color: #0a0b1e; - border: 0 none; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers i.la, -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers svg { - color: #0a0b1e; -} - -.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; -} - -@media (max-width: 767px) { - .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: 12px; - 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(0, 0, 0, 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; -} -.directorist-become-author-modal__content { - background: #fff; - border-radius: 5px; - padding: 20px 30px 15px; - text-align: center; - position: relative; -} -.directorist-become-author-modal__content p { - 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: #3e62f5; - display: inline-block; - color: #fff; - 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: #3e62f5 !important; -} -.directorist-become-author-modal__content .directorist-become-author-modal__cancel { - background: #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 #000; - width: 15px; - height: 15px; - display: inline-block; - border-radius: 50%; - border-right: 2px solid #fff; - 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; -} - -#directorist-become-author-success { - 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: #fff; -} -.directorist-shade.directorist-active { - display: block; - z-index: 21; -} - -.table.atbd_single_saved_item { - margin: 0; - background: #fff; - 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; -} -.table.atbd_single_saved_item td { - padding: 0 15px; -} -.table.atbd_single_saved_item td p { - margin: 5px 0; -} -.table.atbd_single_saved_item th { - 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: 4px; - display: inline-block; -} - -.directorist-user-dashboard__nav { - width: 230px; - padding: 20px 10px; - margin-right: 30px; - transition: 0.3s ease; - position: relative; - left: 0; - border-radius: 4px; - background-color: #fff; - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - /* user dashboard sidebar nav action */ -} -@media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav { - position: fixed; - top: 0; - left: 0; - width: 230px; - height: 100vh; - background-color: #fff; - padding-top: 100px; - box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - z-index: 2222; - } -} -@media only screen and (max-width: 479px) { - .directorist-user-dashboard__nav { - padding-top: 80px; - } -} -.directorist-user-dashboard__nav .directorist-dashboard__nav--close { - 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; - } -} -@media only screen and (max-width: 479px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav--close { - right: 20px; - top: 60px; - } -} -.directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed { - width: 0 !important; - height: 0; - margin-right: 0; - left: -230px; - visibility: hidden; - opacity: 0; - padding: 0; - pointer-events: none; - transition: 0.3s ease; -} -.directorist-user-dashboard__nav .directorist-tab__nav__items { - list-style-type: none; - padding: 0; - margin: 0; -} -.directorist-user-dashboard__nav .directorist-tab__nav__items a { - text-decoration: none; -} -.directorist-user-dashboard__nav .directorist-tab__nav__items li { - margin: 0; -} -.directorist-user-dashboard__nav .directorist-tab__nav__items li ul { - display: none; - list-style-type: none; - padding: 0; - margin: 0; -} -.directorist-user-dashboard__nav .directorist-tab__nav__items li li a { - padding-left: 25px; - text-decoration: none; -} -.directorist-user-dashboard__nav .directorist-tab__nav__link { - font-size: 14px; - border-radius: 4px; - padding: 10px; - outline: 0; - display: flex; - justify-content: space-between; - align-items: center; - color: #51526E; - text-decoration: none; -} -.directorist-user-dashboard__nav .directorist-tab__nav__link i, -.directorist-user-dashboard__nav .directorist-tab__nav__link span.fa { - pointer-events: none; - display: inline-block; - margin-right: 10px; -} -.directorist-user-dashboard__nav .directorist-tab__nav__link .directorist_menuItem-text { - pointer-events: none; - display: flex; - flex-wrap: wrap; - align-items: center; -} -.directorist-user-dashboard__nav .directorist-tab__nav__link .directorist_menuItem-text .directorist_menuItem-icon { - line-height: 0; -} -.directorist-user-dashboard__nav .directorist-tab__nav__link.directorist-tab__nav__active, .directorist-user-dashboard__nav .directorist-tab__nav__link:focus { - font-weight: 700; - background-color: #E9E9E9 !important; - color: #0A0B1E; -} -.directorist-user-dashboard__nav .directorist-tab__nav__action { - margin-top: 15px; -} -.directorist-user-dashboard__nav .directorist-tab__nav__action .directorist-btn { - display: block; -} -.directorist-user-dashboard__nav .directorist-tab__nav__action .directorist-btn:not(:last-child) { - margin-bottom: 15px; -} - -/* user dashboard tab style */ -.directorist-tab__pane { - display: none; -} -.directorist-tab__pane.directorist-tab__pane--active { - 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-9 { - width: 100%; -} - -.directorist-image-profile-wrap { - padding: 25px; - background-color: #fff; - border-radius: 4px; - border: 1px solid #ececec; -} -.directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { - border-radius: 4px; - padding: 10.5px 30px; - background-color: #F6F7F9; - box-shadow: 0 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); -} - -.directorist-user-profile-box .directorist-card__header { - padding: 18px 20px; -} -.directorist-user-profile-box .directorist-card__body { - padding: 25px 25px 30px 25px; -} - -.directorist-user-info-wrap .directorist-form-group { - margin-bottom: 25px; -} -.directorist-user-info-wrap .directorist-form-group > label { - 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; -} - -.directorist-user-socials .directorist-user-social-label { - font-size: 18px; - padding-bottom: 18px; - margin-bottom: 28px !important; - border-bottom: 1px solid #EFF1F6; -} -.directorist-user-socials label { - display: flex; - flex-wrap: wrap; - align-items: center; -} -.directorist-user-socials label .directorist-social-icon { - margin-right: 6px; -} -.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; -} - -.directorist-announcement-wrapper { - background-color: #fff; - border-radius: 4px; - padding: 25px 20px; - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); -} -.directorist-announcement-wrapper .directorist-announcement { - 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; -} -@media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement { - flex-direction: column; - } -} -.directorist-announcement-wrapper .directorist-announcement__date { - 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 { - flex: 1; - } -} -@media (max-width: 479px) { - .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; -} -.directorist-announcement-wrapper .directorist-announcement__date__part-two { - font-size: 14px; - font-weight: 400; - color: #5A5F7D; -} -.directorist-announcement-wrapper .directorist-announcement__date__part-three { - font-size: 14px; - font-weight: 500; - color: #171B2E; -} -.directorist-announcement-wrapper .directorist-announcement__content { - flex: 8; - padding-left: 15px; -} -@media (max-width: 1199px) { - .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 p:empty { - display: none; -} -.directorist-announcement-wrapper .directorist-announcement__close { - 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: #fff; -} - -.directorist-announcement-count { - display: none; - border-radius: 30px; - min-width: 20px; - height: 20px; - line-height: 20px; - color: #fff; - text-align: center; - margin: 0 10px; - vertical-align: middle; - background-color: #ff3c3c; -} - -.directorist-announcement-count.show { - display: inline-block; -} - -.directorist-payment-instructions, -.directorist-payment-thanks-text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} - -.directorist-payment-instructions { - margin-bottom: 38px; -} - -.directorist-payment-thanks-text { - font-size: 15px; -} - -.directorist-payment-table th { - font-size: 14px; - font-weight: 500; - text-align: left; - padding: 9px 20px; - 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; - color: var(--directorist-color-dark); -} -.directorist-payment-table__label { - font-weight: 400; - width: 140px; - color: var(--directorist-color-light-gray); -} -.directorist-payment-table__title { - font-size: 15px; - font-weight: 500; - margin: 0; - text-transform: capitalize; - color: var(--directorist-color-dark); -} -.directorist-payment-table__title.directorist-payment-table__title--large { - font-size: 16px; -} -.directorist-payment-table p { - font-size: 13px; - margin: 0; - color: var(--directorist-color-light-gray); -} - -.directorist-payment-summery-table tbody td { - padding: 12px 0; -} -.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-btn-view-listing { - min-height: 54px; - border-radius: 12px; -} - -.directorist-checkout-card { - 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); -} -.directorist-checkout-card tr:not(:first-child) td { - padding-top: 15px; -} -.directorist-checkout-card .directorist-card__header { - padding: 24px 40px; -} -.directorist-checkout-card .directorist-card__header--title { - 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__body { - padding: 20px 40px 40px; -} -.directorist-checkout-card .directorist-summery-label { - 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); -} -.directorist-checkout-card .directorist-summery-amount { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-body); -} - -.directorist-payment-gateways { - background: #fff; -} -.directorist-payment-gateways ul { - margin: 0; - padding: 0; -} -.directorist-payment-gateways li { - list-style-type: none; - padding: 0; - margin: 0; -} -.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); -} - -.directorist-payment-action { - flex-wrap: wrap; - margin: 42px -7px -7px -7px; -} -.directorist-payment-action .directorist-btn { - min-height: 54px; - padding: 0 80px; - border-radius: 12px; - margin: 7px; - max-width: none; - width: auto; -} -@media (max-width: 1399px) { - .directorist-payment-action .directorist-btn { - padding: 0 40px; - } -} -@media (max-width: 1199px) { - .directorist-payment-action .directorist-btn { - padding: 0 30px; - } -} - -.directorist-summery-total .directorist-summery-label, -.directorist-summery-total .directorist-summery-amount { - font-size: 18px; - font-weight: 500; - color: var(--color-dark); -} - -.directorist-iframe { - border: none; -} - -.ads-advanced .bottom-inputs { - 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 { - 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; - } -} -@media (max-width: 991px) { - .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 { - 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 { - 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 { - 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; -} - -.atbdp-px-5 { - padding: 0 5px !important; -} - -.atbdp-mx-5 { - margin: 0 5px !important; -} - -.atbdp-form-actions { - margin: 30px 0; - text-align: center; -} - -.atbdp-icon { - display: inline-block; -} - -.atbdp-icon-large { - 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; - } -} -@media (max-width: 340px) { - .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 { - justify-content: center; - } - .directorist-search-contents .directorist-search-form-top .directorist-search-form-action { - margin-top: 15px; - margin-bottom: 15px; - } - .directorist-all-listing-col { - width: 33.33% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } -} -@media only screen and (max-width: 767px) { - .directorist-search-form__box { - flex-direction: column; - } - .directorist-search-form__top .directorist-search-field { - flex: 44%; - } - .directorist-all-listing-col { - width: 50% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 50% !important; - } -} -@media only screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field { - flex: 100%; - border: none !important; - } - .directorist-all-listing-col { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-12 { - width: 100% !important; - } - .directorist-all-listing-col.directorist-col-6 { - width: 100% !important; - } - .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-content-active .directorist-type-nav__list li a { - padding: 0 0 15px 0; - } - .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 { - 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=main-style.css.map */ \ No newline at end of file diff --git a/assets/src/scss/layout/public/main-style.scss b/assets/src/scss/layout/public/main-style.scss deleted file mode 100644 index f9beeed61f..0000000000 --- a/assets/src/scss/layout/public/main-style.scss +++ /dev/null @@ -1,545 +0,0 @@ -@import "../../vendor/bootstrap/config.bs.scss"; -//base css -@import "./../../base/index"; -//mixins -@import "./../../mixins/colors"; -@import "./../../mixins/general"; - - -// Component Import -// ---------------------------------- -// Global Styles -@import "./../../component/add-listing.scss"; -@import "./../../component/directorist-plupload"; -@import "./../../component/openstreet-map/index.scss"; - -// Public Styles -@import "./../../component/general"; -@import "./../../component/widget"; -@import "./../../component/button"; -@import "./../../component/badge"; -@import "./../../component/range-slider"; -@import "./../../component/listing-slider"; -@import "./../../component/dropdown"; -@import "./../../component/switch"; -@import "./../../component/tooltip"; -@import "./../../component/alert"; -@import "./../../component/modal"; -@import "./../../component/card"; -@import "./../../component/color-picker"; -@import "./../../component/form"; -@import "./../../component/tab"; -@import "./../../component/typography"; -@import "./../../component/utility"; -@import "./../../component/checkbox-radio"; -@import "./../../component/author-profile"; -@import "./../../component/location-category"; -@import "./../../component/archive"; -@import "./../../component/advanced-search"; -@import "./../../component/search-home"; -@import "./../../component/pagination"; -@import "./../../component/category-location"; -@import "./../../component/atmodal"; -@import "./../../component/authentication"; -@import "./../../component/all-authors"; -@import "./../../component/select2-custom-control"; - -// Modules -@import "../../module/listings"; -@import "../../module/listing-details"; -@import "../../module/user-dashboard"; - -// OLD Styles -// @import "./old-style"; - -// Payments -@import "./../../component/payment/checkout-receipt"; -@import "./../../component/payment/checkout"; - - -.directorist-iframe { - border: none; -} - -.ads-advanced .bottom-inputs { - flex-grow: 1; -} - -/*responsive css */ -@media (min-width: 992px) and (max-width: 1199px) { - - .atbd_content_active .widget.atbd_widget, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget { - - .atbdp, - .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; - } -} - -@media (max-width: 991px) { - .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 { - flex: 0 0 100%; - margin-top: 0; - margin-top: 10px; - - &: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_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; - } - } - } - - .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; - - .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_author_avatar, - .atbd_author_meta { - flex: none; - width: 100%; - justify-content: center; - } - - .atbd_author_avatar { - align-items: center; - flex-direction: column; - text-align: center; - - img { - width: 80px; - } - - .atbd_auth_nd { - margin: 10px 0 0; - - p { - text-align: center; - } - } - } - } -} - -@media (max-width: 575px) { - - .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_auth_nd { - margin-top: 10px; - } - } - - .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_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; - - h3 { - margin-right: 10px; - } - } - - .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; - - .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; -} - -.atbdp-px-5 { - padding: 0 5px !important; -} - -.atbdp-mx-5 { - margin: 0 5px !important; -} - -.atbdp-form-actions { - margin: 30px 0; - text-align: center; -} - -.atbdp-icon { - display: inline-block; -} - -.atbdp-icon-large { - 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; - - &: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: 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%; - } -} - - - -//responsive css -@import "./../../component/responsive"; \ No newline at end of file diff --git a/assets/src/scss/mixins/_colors.scss b/assets/src/scss/mixins/_colors.scss deleted file mode 100644 index 557ef46b42..0000000000 --- a/assets/src/scss/mixins/_colors.scss +++ /dev/null @@ -1,14 +0,0 @@ -@import "../vendor/bootstrap/config.bs"; - -@mixin generate-color($color-map){ - @each $key, $color in $color-map { - .atbd_color-#{$key}{ - color: #{$color}; - } - .atbd_bg-#{$key}{ - background:#{$color}; - } - } -} -@include generate-color($theme-colors); -@include generate-color($other-colors); \ No newline at end of file diff --git a/assets/src/scss/mixins/_general.scss b/assets/src/scss/mixins/_general.scss deleted file mode 100644 index f4034ab5d9..0000000000 --- a/assets/src/scss/mixins/_general.scss +++ /dev/null @@ -1,12 +0,0 @@ -// BEM Elements & Modifiers -@mixin e($element) { - &__#{$element} { - @content; - } -} - -@mixin m($modifier) { - &--#{$modifier} { - @content; - } -} \ No newline at end of file diff --git a/assets/src/scss/module/_icons.scss b/assets/src/scss/module/_icons.scss deleted file mode 100644 index 04eb982f23..0000000000 --- a/assets/src/scss/module/_icons.scss +++ /dev/null @@ -1,24 +0,0 @@ -.atbdp-icon { - width: 25px; - display: inline-block; - text-align: center; - height: 25px; - line-height: 25px; - font-size: 12px; - margin-right: 3px; - transition: all ease-in-out 300ms; -} - -.atbdp-icon-fill { - color: #222222; - border-radius: 50%; - background-color: #f2f2f2; - &.icon-success { - color: var(--directorist-color-white); - background-color: #4eca35; - } - &.icon-error { - color: var(--directorist-color-white); - background-color: #ca3535; - } -} \ No newline at end of file diff --git a/assets/src/scss/module/_index.scss b/assets/src/scss/module/_index.scss deleted file mode 100644 index 184a0eaa6d..0000000000 --- a/assets/src/scss/module/_index.scss +++ /dev/null @@ -1,4 +0,0 @@ -@import '_buttons'; -@import '_icons'; -@import '_links'; -@import '_logo'; \ No newline at end of file diff --git a/assets/src/scss/module/_listing-details.scss b/assets/src/scss/module/_listing-details.scss deleted file mode 100644 index de2561bd03..0000000000 --- a/assets/src/scss/module/_listing-details.scss +++ /dev/null @@ -1,7 +0,0 @@ -// Listing Details Component -@import '../component/listing-details/general'; -@import '../component/listing-details/details-content'; -@import '../component/listing-details/author'; -@import '../component/listing-details/contact-info'; -@import '../component/listing-details/ol-map'; -@import '../component/listing-details/review'; \ No newline at end of file diff --git a/assets/src/scss/module/_listings.scss b/assets/src/scss/module/_listings.scss deleted file mode 100644 index 3a59dbb3c8..0000000000 --- a/assets/src/scss/module/_listings.scss +++ /dev/null @@ -1,6 +0,0 @@ -// Import Listing Components -@import '../component/listings/general'; -@import '../component/listings/listing-card'; -@import '../component/listings/listing-category'; -@import '../component/listings/listing-meta'; -@import '../component/listings/listing-map'; \ No newline at end of file diff --git a/assets/src/scss/module/_user-dashboard.scss b/assets/src/scss/module/_user-dashboard.scss deleted file mode 100644 index 60bb064b41..0000000000 --- a/assets/src/scss/module/_user-dashboard.scss +++ /dev/null @@ -1,7 +0,0 @@ -// Import User Dashboard Components -@import '../component/user-dashboard/listing'; -@import '../component/user-dashboard/general'; -@import '../component/user-dashboard/sidebar'; -@import '../component/user-dashboard/dashboard-tab'; -@import '../component/user-dashboard/user-profile'; -@import '../component/user-dashboard/announcement'; \ No newline at end of file diff --git a/assets/src/scss/vendor/_index.scss b/assets/src/scss/vendor/_index.scss deleted file mode 100644 index c936bb8f8b..0000000000 --- a/assets/src/scss/vendor/_index.scss +++ /dev/null @@ -1 +0,0 @@ -// @import '_bootstrap'; \ No newline at end of file diff --git a/assets/src/scss/vendor/bootstrap/bootstrap.css b/assets/src/scss/vendor/bootstrap/bootstrap.css deleted file mode 100644 index 39552d9603..0000000000 --- a/assets/src/scss/vendor/bootstrap/bootstrap.css +++ /dev/null @@ -1,2718 +0,0 @@ -@charset "UTF-8"; -/* typography */ -#directorist.atbd_wrapper .container { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} -@media (min-width: 576px) { - #directorist.atbd_wrapper .container { - max-width: 540px; - } -} -@media (min-width: 768px) { - #directorist.atbd_wrapper .container { - max-width: 720px; - } -} -@media (min-width: 992px) { - #directorist.atbd_wrapper .container { - max-width: 960px; - } -} -@media (min-width: 1200px) { - #directorist.atbd_wrapper .container { - max-width: 1140px; - } -} -#directorist.atbd_wrapper .container-fluid { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} -#directorist.atbd_wrapper .row { - display: flex; - flex-wrap: wrap; - margin-right: -15px; - margin-left: -15px; -} -#directorist.atbd_wrapper .no-gutters { - margin-right: 0; - margin-left: 0; -} -#directorist.atbd_wrapper .no-gutters > .col, -#directorist.atbd_wrapper .no-gutters > [class*=col-] { - padding-right: 0; - padding-left: 0; -} -#directorist.atbd_wrapper .col-xl, -#directorist.atbd_wrapper .col-xl-auto, #directorist.atbd_wrapper .col-xl-12, #directorist.atbd_wrapper .col-xl-11, #directorist.atbd_wrapper .col-xl-10, #directorist.atbd_wrapper .col-xl-9, #directorist.atbd_wrapper .col-xl-8, #directorist.atbd_wrapper .col-xl-7, #directorist.atbd_wrapper .col-xl-6, #directorist.atbd_wrapper .col-xl-5, #directorist.atbd_wrapper .col-xl-4, #directorist.atbd_wrapper .col-xl-3, #directorist.atbd_wrapper .col-xl-2, #directorist.atbd_wrapper .col-xl-1, #directorist.atbd_wrapper .col-lg, -#directorist.atbd_wrapper .col-lg-auto, #directorist.atbd_wrapper .col-lg-12, #directorist.atbd_wrapper .col-lg-11, #directorist.atbd_wrapper .col-lg-10, #directorist.atbd_wrapper .col-lg-9, #directorist.atbd_wrapper .col-lg-8, #directorist.atbd_wrapper .col-lg-7, #directorist.atbd_wrapper .col-lg-6, #directorist.atbd_wrapper .col-lg-5, #directorist.atbd_wrapper .col-lg-4, #directorist.atbd_wrapper .col-lg-3, #directorist.atbd_wrapper .col-lg-2, #directorist.atbd_wrapper .col-lg-1, #directorist.atbd_wrapper .col-md, -#directorist.atbd_wrapper .col-md-auto, #directorist.atbd_wrapper .col-md-12, #directorist.atbd_wrapper .col-md-11, #directorist.atbd_wrapper .col-md-10, #directorist.atbd_wrapper .col-md-9, #directorist.atbd_wrapper .col-md-8, #directorist.atbd_wrapper .col-md-7, #directorist.atbd_wrapper .col-md-6, #directorist.atbd_wrapper .col-md-5, #directorist.atbd_wrapper .col-md-4, #directorist.atbd_wrapper .col-md-3, #directorist.atbd_wrapper .col-md-2, #directorist.atbd_wrapper .col-md-1, #directorist.atbd_wrapper .col-sm, -#directorist.atbd_wrapper .col-sm-auto, #directorist.atbd_wrapper .col-sm-12, #directorist.atbd_wrapper .col-sm-11, #directorist.atbd_wrapper .col-sm-10, #directorist.atbd_wrapper .col-sm-9, #directorist.atbd_wrapper .col-sm-8, #directorist.atbd_wrapper .col-sm-7, #directorist.atbd_wrapper .col-sm-6, #directorist.atbd_wrapper .col-sm-5, #directorist.atbd_wrapper .col-sm-4, #directorist.atbd_wrapper .col-sm-3, #directorist.atbd_wrapper .col-sm-2, #directorist.atbd_wrapper .col-sm-1, #directorist.atbd_wrapper .col, -#directorist.atbd_wrapper .col-auto, #directorist.atbd_wrapper .col-12, #directorist.atbd_wrapper .col-11, #directorist.atbd_wrapper .col-10, #directorist.atbd_wrapper .col-9, #directorist.atbd_wrapper .col-8, #directorist.atbd_wrapper .col-7, #directorist.atbd_wrapper .col-6, #directorist.atbd_wrapper .col-5, #directorist.atbd_wrapper .col-4, #directorist.atbd_wrapper .col-3, #directorist.atbd_wrapper .col-2, #directorist.atbd_wrapper .col-1 { - position: relative; - width: 100%; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; -} -#directorist.atbd_wrapper .col { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; -} -#directorist.atbd_wrapper .col-auto { - flex: 0 0 auto; - width: auto; - max-width: none; -} -#directorist.atbd_wrapper .col-1 { - flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; -} -#directorist.atbd_wrapper .col-2 { - flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; -} -#directorist.atbd_wrapper .col-3 { - flex: 0 0 25%; - max-width: 25%; -} -#directorist.atbd_wrapper .col-4 { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; -} -#directorist.atbd_wrapper .col-5 { - flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; -} -#directorist.atbd_wrapper .col-6 { - flex: 0 0 50%; - max-width: 50%; -} -#directorist.atbd_wrapper .col-7 { - flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; -} -#directorist.atbd_wrapper .col-8 { - flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; -} -#directorist.atbd_wrapper .col-9 { - flex: 0 0 75%; - max-width: 75%; -} -#directorist.atbd_wrapper .col-10 { - flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; -} -#directorist.atbd_wrapper .col-11 { - flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; -} -#directorist.atbd_wrapper .col-12 { - flex: 0 0 100%; - max-width: 100%; -} -#directorist.atbd_wrapper .order-first { - order: -1; -} -#directorist.atbd_wrapper .order-last { - order: 13; -} -#directorist.atbd_wrapper .order-0 { - order: 0; -} -#directorist.atbd_wrapper .order-1 { - order: 1; -} -#directorist.atbd_wrapper .order-2 { - order: 2; -} -#directorist.atbd_wrapper .order-3 { - order: 3; -} -#directorist.atbd_wrapper .order-4 { - order: 4; -} -#directorist.atbd_wrapper .order-5 { - order: 5; -} -#directorist.atbd_wrapper .order-6 { - order: 6; -} -#directorist.atbd_wrapper .order-7 { - order: 7; -} -#directorist.atbd_wrapper .order-8 { - order: 8; -} -#directorist.atbd_wrapper .order-9 { - order: 9; -} -#directorist.atbd_wrapper .order-10 { - order: 10; -} -#directorist.atbd_wrapper .order-11 { - order: 11; -} -#directorist.atbd_wrapper .order-12 { - order: 12; -} -#directorist.atbd_wrapper .offset-1 { - margin-left: 8.3333333333%; -} -#directorist.atbd_wrapper .offset-2 { - margin-left: 16.6666666667%; -} -#directorist.atbd_wrapper .offset-3 { - margin-left: 25%; -} -#directorist.atbd_wrapper .offset-4 { - margin-left: 33.3333333333%; -} -#directorist.atbd_wrapper .offset-5 { - margin-left: 41.6666666667%; -} -#directorist.atbd_wrapper .offset-6 { - margin-left: 50%; -} -#directorist.atbd_wrapper .offset-7 { - margin-left: 58.3333333333%; -} -#directorist.atbd_wrapper .offset-8 { - margin-left: 66.6666666667%; -} -#directorist.atbd_wrapper .offset-9 { - margin-left: 75%; -} -#directorist.atbd_wrapper .offset-10 { - margin-left: 83.3333333333%; -} -#directorist.atbd_wrapper .offset-11 { - margin-left: 91.6666666667%; -} -@media (min-width: 576px) { - #directorist.atbd_wrapper .col-sm { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; - } - #directorist.atbd_wrapper .col-sm-auto { - flex: 0 0 auto; - width: auto; - max-width: none; - } - #directorist.atbd_wrapper .col-sm-1 { - flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; - } - #directorist.atbd_wrapper .col-sm-2 { - flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; - } - #directorist.atbd_wrapper .col-sm-3 { - flex: 0 0 25%; - max-width: 25%; - } - #directorist.atbd_wrapper .col-sm-4 { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; - } - #directorist.atbd_wrapper .col-sm-5 { - flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; - } - #directorist.atbd_wrapper .col-sm-6 { - flex: 0 0 50%; - max-width: 50%; - } - #directorist.atbd_wrapper .col-sm-7 { - flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; - } - #directorist.atbd_wrapper .col-sm-8 { - flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; - } - #directorist.atbd_wrapper .col-sm-9 { - flex: 0 0 75%; - max-width: 75%; - } - #directorist.atbd_wrapper .col-sm-10 { - flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; - } - #directorist.atbd_wrapper .col-sm-11 { - flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; - } - #directorist.atbd_wrapper .col-sm-12 { - flex: 0 0 100%; - max-width: 100%; - } - #directorist.atbd_wrapper .order-sm-first { - order: -1; - } - #directorist.atbd_wrapper .order-sm-last { - order: 13; - } - #directorist.atbd_wrapper .order-sm-0 { - order: 0; - } - #directorist.atbd_wrapper .order-sm-1 { - order: 1; - } - #directorist.atbd_wrapper .order-sm-2 { - order: 2; - } - #directorist.atbd_wrapper .order-sm-3 { - order: 3; - } - #directorist.atbd_wrapper .order-sm-4 { - order: 4; - } - #directorist.atbd_wrapper .order-sm-5 { - order: 5; - } - #directorist.atbd_wrapper .order-sm-6 { - order: 6; - } - #directorist.atbd_wrapper .order-sm-7 { - order: 7; - } - #directorist.atbd_wrapper .order-sm-8 { - order: 8; - } - #directorist.atbd_wrapper .order-sm-9 { - order: 9; - } - #directorist.atbd_wrapper .order-sm-10 { - order: 10; - } - #directorist.atbd_wrapper .order-sm-11 { - order: 11; - } - #directorist.atbd_wrapper .order-sm-12 { - order: 12; - } - #directorist.atbd_wrapper .offset-sm-0 { - margin-left: 0; - } - #directorist.atbd_wrapper .offset-sm-1 { - margin-left: 8.3333333333%; - } - #directorist.atbd_wrapper .offset-sm-2 { - margin-left: 16.6666666667%; - } - #directorist.atbd_wrapper .offset-sm-3 { - margin-left: 25%; - } - #directorist.atbd_wrapper .offset-sm-4 { - margin-left: 33.3333333333%; - } - #directorist.atbd_wrapper .offset-sm-5 { - margin-left: 41.6666666667%; - } - #directorist.atbd_wrapper .offset-sm-6 { - margin-left: 50%; - } - #directorist.atbd_wrapper .offset-sm-7 { - margin-left: 58.3333333333%; - } - #directorist.atbd_wrapper .offset-sm-8 { - margin-left: 66.6666666667%; - } - #directorist.atbd_wrapper .offset-sm-9 { - margin-left: 75%; - } - #directorist.atbd_wrapper .offset-sm-10 { - margin-left: 83.3333333333%; - } - #directorist.atbd_wrapper .offset-sm-11 { - margin-left: 91.6666666667%; - } -} -@media (min-width: 768px) { - #directorist.atbd_wrapper .col-md { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; - } - #directorist.atbd_wrapper .col-md-auto { - flex: 0 0 auto; - width: auto; - max-width: none; - } - #directorist.atbd_wrapper .col-md-1 { - flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; - } - #directorist.atbd_wrapper .col-md-2 { - flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; - } - #directorist.atbd_wrapper .col-md-3 { - flex: 0 0 25%; - max-width: 25%; - } - #directorist.atbd_wrapper .col-md-4 { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; - } - #directorist.atbd_wrapper .col-md-5 { - flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; - } - #directorist.atbd_wrapper .col-md-6 { - flex: 0 0 50%; - max-width: 50%; - } - #directorist.atbd_wrapper .col-md-7 { - flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; - } - #directorist.atbd_wrapper .col-md-8 { - flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; - } - #directorist.atbd_wrapper .col-md-9 { - flex: 0 0 75%; - max-width: 75%; - } - #directorist.atbd_wrapper .col-md-10 { - flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; - } - #directorist.atbd_wrapper .col-md-11 { - flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; - } - #directorist.atbd_wrapper .col-md-12 { - flex: 0 0 100%; - max-width: 100%; - } - #directorist.atbd_wrapper .order-md-first { - order: -1; - } - #directorist.atbd_wrapper .order-md-last { - order: 13; - } - #directorist.atbd_wrapper .order-md-0 { - order: 0; - } - #directorist.atbd_wrapper .order-md-1 { - order: 1; - } - #directorist.atbd_wrapper .order-md-2 { - order: 2; - } - #directorist.atbd_wrapper .order-md-3 { - order: 3; - } - #directorist.atbd_wrapper .order-md-4 { - order: 4; - } - #directorist.atbd_wrapper .order-md-5 { - order: 5; - } - #directorist.atbd_wrapper .order-md-6 { - order: 6; - } - #directorist.atbd_wrapper .order-md-7 { - order: 7; - } - #directorist.atbd_wrapper .order-md-8 { - order: 8; - } - #directorist.atbd_wrapper .order-md-9 { - order: 9; - } - #directorist.atbd_wrapper .order-md-10 { - order: 10; - } - #directorist.atbd_wrapper .order-md-11 { - order: 11; - } - #directorist.atbd_wrapper .order-md-12 { - order: 12; - } - #directorist.atbd_wrapper .offset-md-0 { - margin-left: 0; - } - #directorist.atbd_wrapper .offset-md-1 { - margin-left: 8.3333333333%; - } - #directorist.atbd_wrapper .offset-md-2 { - margin-left: 16.6666666667%; - } - #directorist.atbd_wrapper .offset-md-3 { - margin-left: 25%; - } - #directorist.atbd_wrapper .offset-md-4 { - margin-left: 33.3333333333%; - } - #directorist.atbd_wrapper .offset-md-5 { - margin-left: 41.6666666667%; - } - #directorist.atbd_wrapper .offset-md-6 { - margin-left: 50%; - } - #directorist.atbd_wrapper .offset-md-7 { - margin-left: 58.3333333333%; - } - #directorist.atbd_wrapper .offset-md-8 { - margin-left: 66.6666666667%; - } - #directorist.atbd_wrapper .offset-md-9 { - margin-left: 75%; - } - #directorist.atbd_wrapper .offset-md-10 { - margin-left: 83.3333333333%; - } - #directorist.atbd_wrapper .offset-md-11 { - margin-left: 91.6666666667%; - } -} -@media (min-width: 992px) { - #directorist.atbd_wrapper .col-lg { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; - } - #directorist.atbd_wrapper .col-lg-auto { - flex: 0 0 auto; - width: auto; - max-width: none; - } - #directorist.atbd_wrapper .col-lg-1 { - flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; - } - #directorist.atbd_wrapper .col-lg-2 { - flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; - } - #directorist.atbd_wrapper .col-lg-3 { - flex: 0 0 25%; - max-width: 25%; - } - #directorist.atbd_wrapper .col-lg-4 { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; - } - #directorist.atbd_wrapper .col-lg-5 { - flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; - } - #directorist.atbd_wrapper .col-lg-6 { - flex: 0 0 50%; - max-width: 50%; - } - #directorist.atbd_wrapper .col-lg-7 { - flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; - } - #directorist.atbd_wrapper .col-lg-8 { - flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; - } - #directorist.atbd_wrapper .col-lg-9 { - flex: 0 0 75%; - max-width: 75%; - } - #directorist.atbd_wrapper .col-lg-10 { - flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; - } - #directorist.atbd_wrapper .col-lg-11 { - flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; - } - #directorist.atbd_wrapper .col-lg-12 { - flex: 0 0 100%; - max-width: 100%; - } - #directorist.atbd_wrapper .order-lg-first { - order: -1; - } - #directorist.atbd_wrapper .order-lg-last { - order: 13; - } - #directorist.atbd_wrapper .order-lg-0 { - order: 0; - } - #directorist.atbd_wrapper .order-lg-1 { - order: 1; - } - #directorist.atbd_wrapper .order-lg-2 { - order: 2; - } - #directorist.atbd_wrapper .order-lg-3 { - order: 3; - } - #directorist.atbd_wrapper .order-lg-4 { - order: 4; - } - #directorist.atbd_wrapper .order-lg-5 { - order: 5; - } - #directorist.atbd_wrapper .order-lg-6 { - order: 6; - } - #directorist.atbd_wrapper .order-lg-7 { - order: 7; - } - #directorist.atbd_wrapper .order-lg-8 { - order: 8; - } - #directorist.atbd_wrapper .order-lg-9 { - order: 9; - } - #directorist.atbd_wrapper .order-lg-10 { - order: 10; - } - #directorist.atbd_wrapper .order-lg-11 { - order: 11; - } - #directorist.atbd_wrapper .order-lg-12 { - order: 12; - } - #directorist.atbd_wrapper .offset-lg-0 { - margin-left: 0; - } - #directorist.atbd_wrapper .offset-lg-1 { - margin-left: 8.3333333333%; - } - #directorist.atbd_wrapper .offset-lg-2 { - margin-left: 16.6666666667%; - } - #directorist.atbd_wrapper .offset-lg-3 { - margin-left: 25%; - } - #directorist.atbd_wrapper .offset-lg-4 { - margin-left: 33.3333333333%; - } - #directorist.atbd_wrapper .offset-lg-5 { - margin-left: 41.6666666667%; - } - #directorist.atbd_wrapper .offset-lg-6 { - margin-left: 50%; - } - #directorist.atbd_wrapper .offset-lg-7 { - margin-left: 58.3333333333%; - } - #directorist.atbd_wrapper .offset-lg-8 { - margin-left: 66.6666666667%; - } - #directorist.atbd_wrapper .offset-lg-9 { - margin-left: 75%; - } - #directorist.atbd_wrapper .offset-lg-10 { - margin-left: 83.3333333333%; - } - #directorist.atbd_wrapper .offset-lg-11 { - margin-left: 91.6666666667%; - } -} -@media (min-width: 1200px) { - #directorist.atbd_wrapper .col-xl { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; - } - #directorist.atbd_wrapper .col-xl-auto { - flex: 0 0 auto; - width: auto; - max-width: none; - } - #directorist.atbd_wrapper .col-xl-1 { - flex: 0 0 8.3333333333%; - max-width: 8.3333333333%; - } - #directorist.atbd_wrapper .col-xl-2 { - flex: 0 0 16.6666666667%; - max-width: 16.6666666667%; - } - #directorist.atbd_wrapper .col-xl-3 { - flex: 0 0 25%; - max-width: 25%; - } - #directorist.atbd_wrapper .col-xl-4 { - flex: 0 0 33.3333333333%; - max-width: 33.3333333333%; - } - #directorist.atbd_wrapper .col-xl-5 { - flex: 0 0 41.6666666667%; - max-width: 41.6666666667%; - } - #directorist.atbd_wrapper .col-xl-6 { - flex: 0 0 50%; - max-width: 50%; - } - #directorist.atbd_wrapper .col-xl-7 { - flex: 0 0 58.3333333333%; - max-width: 58.3333333333%; - } - #directorist.atbd_wrapper .col-xl-8 { - flex: 0 0 66.6666666667%; - max-width: 66.6666666667%; - } - #directorist.atbd_wrapper .col-xl-9 { - flex: 0 0 75%; - max-width: 75%; - } - #directorist.atbd_wrapper .col-xl-10 { - flex: 0 0 83.3333333333%; - max-width: 83.3333333333%; - } - #directorist.atbd_wrapper .col-xl-11 { - flex: 0 0 91.6666666667%; - max-width: 91.6666666667%; - } - #directorist.atbd_wrapper .col-xl-12 { - flex: 0 0 100%; - max-width: 100%; - } - #directorist.atbd_wrapper .order-xl-first { - order: -1; - } - #directorist.atbd_wrapper .order-xl-last { - order: 13; - } - #directorist.atbd_wrapper .order-xl-0 { - order: 0; - } - #directorist.atbd_wrapper .order-xl-1 { - order: 1; - } - #directorist.atbd_wrapper .order-xl-2 { - order: 2; - } - #directorist.atbd_wrapper .order-xl-3 { - order: 3; - } - #directorist.atbd_wrapper .order-xl-4 { - order: 4; - } - #directorist.atbd_wrapper .order-xl-5 { - order: 5; - } - #directorist.atbd_wrapper .order-xl-6 { - order: 6; - } - #directorist.atbd_wrapper .order-xl-7 { - order: 7; - } - #directorist.atbd_wrapper .order-xl-8 { - order: 8; - } - #directorist.atbd_wrapper .order-xl-9 { - order: 9; - } - #directorist.atbd_wrapper .order-xl-10 { - order: 10; - } - #directorist.atbd_wrapper .order-xl-11 { - order: 11; - } - #directorist.atbd_wrapper .order-xl-12 { - order: 12; - } - #directorist.atbd_wrapper .offset-xl-0 { - margin-left: 0; - } - #directorist.atbd_wrapper .offset-xl-1 { - margin-left: 8.3333333333%; - } - #directorist.atbd_wrapper .offset-xl-2 { - margin-left: 16.6666666667%; - } - #directorist.atbd_wrapper .offset-xl-3 { - margin-left: 25%; - } - #directorist.atbd_wrapper .offset-xl-4 { - margin-left: 33.3333333333%; - } - #directorist.atbd_wrapper .offset-xl-5 { - margin-left: 41.6666666667%; - } - #directorist.atbd_wrapper .offset-xl-6 { - margin-left: 50%; - } - #directorist.atbd_wrapper .offset-xl-7 { - margin-left: 58.3333333333%; - } - #directorist.atbd_wrapper .offset-xl-8 { - margin-left: 66.6666666667%; - } - #directorist.atbd_wrapper .offset-xl-9 { - margin-left: 75%; - } - #directorist.atbd_wrapper .offset-xl-10 { - margin-left: 83.3333333333%; - } - #directorist.atbd_wrapper .offset-xl-11 { - margin-left: 91.6666666667%; - } -} -#directorist.atbd_wrapper .btn { - display: inline-block; - font-weight: 400; - text-align: center; - white-space: nowrap; - vertical-align: middle; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - border: 1px solid transparent; - padding: 5px 15px; - font-size: 15px; - line-height: 27px; - border-radius: 0.25rem; - transition: color 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; -} -@media screen and (prefers-reduced-motion: reduce) { - #directorist.atbd_wrapper .btn { - transition: none; - } -} -#directorist.atbd_wrapper .btn:hover, #directorist.atbd_wrapper .btn:focus { - text-decoration: none; -} -#directorist.atbd_wrapper .btn:focus, #directorist.atbd_wrapper .btn.focus { - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); -} -#directorist.atbd_wrapper .btn.disabled, #directorist.atbd_wrapper .btn:disabled { - opacity: 0.65; -} -#directorist.atbd_wrapper .btn:not(:disabled):not(.disabled) { - cursor: pointer; -} -#directorist.atbd_wrapper .btn:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn:not(:disabled):not(.disabled).active { - background-image: none; -} -#directorist.atbd_wrapper a.btn.disabled, -#directorist.atbd_wrapper fieldset:disabled a.btn { - pointer-events: none; -} -#directorist.atbd_wrapper .btn-primary { - color: #fff; - background-color: #444752; - border-color: #444752; -} -#directorist.atbd_wrapper .btn-primary:hover { - color: #fff; - background-color: #33353d; - border-color: #2d2f36; -} -#directorist.atbd_wrapper .btn-primary:focus, #directorist.atbd_wrapper .btn-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(68, 71, 82, 0.5); -} -#directorist.atbd_wrapper .btn-primary.disabled, #directorist.atbd_wrapper .btn-primary:disabled { - color: #fff; - background-color: #444752; - border-color: #444752; -} -#directorist.atbd_wrapper .btn-primary:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-primary:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-primary.dropdown-toggle { - color: #fff; - background-color: #2d2f36; - border-color: #27292f; -} -#directorist.atbd_wrapper .btn-primary:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-primary:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(68, 71, 82, 0.5); -} -#directorist.atbd_wrapper .btn-secondary { - color: #fff; - background-color: #122069; - border-color: #122069; -} -#directorist.atbd_wrapper .btn-secondary:hover { - color: #fff; - background-color: #0c1648; - border-color: #0b133d; -} -#directorist.atbd_wrapper .btn-secondary:focus, #directorist.atbd_wrapper .btn-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(18, 32, 105, 0.5); -} -#directorist.atbd_wrapper .btn-secondary.disabled, #directorist.atbd_wrapper .btn-secondary:disabled { - color: #fff; - background-color: #122069; - border-color: #122069; -} -#directorist.atbd_wrapper .btn-secondary:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-secondary:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-secondary.dropdown-toggle { - color: #fff; - background-color: #0b133d; - border-color: #090f33; -} -#directorist.atbd_wrapper .btn-secondary:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(18, 32, 105, 0.5); -} -#directorist.atbd_wrapper .btn-success { - color: #fff; - background-color: #00AC17; - border-color: #00AC17; -} -#directorist.atbd_wrapper .btn-success:hover { - color: #fff; - background-color: #008612; - border-color: #007910; -} -#directorist.atbd_wrapper .btn-success:focus, #directorist.atbd_wrapper .btn-success.focus { - box-shadow: 0 0 0 0.2rem rgba(0, 172, 23, 0.5); -} -#directorist.atbd_wrapper .btn-success.disabled, #directorist.atbd_wrapper .btn-success:disabled { - color: #fff; - background-color: #00AC17; - border-color: #00AC17; -} -#directorist.atbd_wrapper .btn-success:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-success:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-success.dropdown-toggle { - color: #fff; - background-color: #007910; - border-color: #006c0e; -} -#directorist.atbd_wrapper .btn-success:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-success:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(0, 172, 23, 0.5); -} -#directorist.atbd_wrapper .btn-info { - color: #fff; - background-color: #2C99FF; - border-color: #2C99FF; -} -#directorist.atbd_wrapper .btn-info:hover { - color: #fff; - background-color: #0687ff; - border-color: #0080f8; -} -#directorist.atbd_wrapper .btn-info:focus, #directorist.atbd_wrapper .btn-info.focus { - box-shadow: 0 0 0 0.2rem rgba(44, 153, 255, 0.5); -} -#directorist.atbd_wrapper .btn-info.disabled, #directorist.atbd_wrapper .btn-info:disabled { - color: #fff; - background-color: #2C99FF; - border-color: #2C99FF; -} -#directorist.atbd_wrapper .btn-info:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-info:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-info.dropdown-toggle { - color: #fff; - background-color: #0080f8; - border-color: #007aeb; -} -#directorist.atbd_wrapper .btn-info:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-info:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(44, 153, 255, 0.5); -} -#directorist.atbd_wrapper .btn-warning { - color: #fff; - background-color: #EF8000; - border-color: #EF8000; -} -#directorist.atbd_wrapper .btn-warning:hover { - color: #fff; - background-color: #c96c00; - border-color: #bc6500; -} -#directorist.atbd_wrapper .btn-warning:focus, #directorist.atbd_wrapper .btn-warning.focus { - box-shadow: 0 0 0 0.2rem rgba(239, 128, 0, 0.5); -} -#directorist.atbd_wrapper .btn-warning.disabled, #directorist.atbd_wrapper .btn-warning:disabled { - color: #fff; - background-color: #EF8000; - border-color: #EF8000; -} -#directorist.atbd_wrapper .btn-warning:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-warning:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-warning.dropdown-toggle { - color: #fff; - background-color: #bc6500; - border-color: #af5e00; -} -#directorist.atbd_wrapper .btn-warning:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-warning:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(239, 128, 0, 0.5); -} -#directorist.atbd_wrapper .btn-danger { - color: #fff; - background-color: #EF0000; - border-color: #EF0000; -} -#directorist.atbd_wrapper .btn-danger:hover { - color: #fff; - background-color: #c90000; - border-color: #bc0000; -} -#directorist.atbd_wrapper .btn-danger:focus, #directorist.atbd_wrapper .btn-danger.focus { - box-shadow: 0 0 0 0.2rem rgba(239, 0, 0, 0.5); -} -#directorist.atbd_wrapper .btn-danger.disabled, #directorist.atbd_wrapper .btn-danger:disabled { - color: #fff; - background-color: #EF0000; - border-color: #EF0000; -} -#directorist.atbd_wrapper .btn-danger:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-danger:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-danger.dropdown-toggle { - color: #fff; - background-color: #bc0000; - border-color: #af0000; -} -#directorist.atbd_wrapper .btn-danger:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-danger:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(239, 0, 0, 0.5); -} -#directorist.atbd_wrapper .btn-light { - color: #212529; - background-color: #9497A7; - border-color: #9497A7; -} -#directorist.atbd_wrapper .btn-light:hover { - color: #fff; - background-color: #7f8396; - border-color: #787c90; -} -#directorist.atbd_wrapper .btn-light:focus, #directorist.atbd_wrapper .btn-light.focus { - box-shadow: 0 0 0 0.2rem rgba(148, 151, 167, 0.5); -} -#directorist.atbd_wrapper .btn-light.disabled, #directorist.atbd_wrapper .btn-light:disabled { - color: #212529; - background-color: #9497A7; - border-color: #9497A7; -} -#directorist.atbd_wrapper .btn-light:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-light:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-light.dropdown-toggle { - color: #fff; - background-color: #787c90; - border-color: #71758a; -} -#directorist.atbd_wrapper .btn-light:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-light:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(148, 151, 167, 0.5); -} -#directorist.atbd_wrapper .btn-dark { - color: #fff; - background-color: #202428; - border-color: #202428; -} -#directorist.atbd_wrapper .btn-dark:hover { - color: #fff; - background-color: #0f1113; - border-color: #090b0c; -} -#directorist.atbd_wrapper .btn-dark:focus, #directorist.atbd_wrapper .btn-dark.focus { - box-shadow: 0 0 0 0.2rem rgba(32, 36, 40, 0.5); -} -#directorist.atbd_wrapper .btn-dark.disabled, #directorist.atbd_wrapper .btn-dark:disabled { - color: #fff; - background-color: #202428; - border-color: #202428; -} -#directorist.atbd_wrapper .btn-dark:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-dark:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-dark.dropdown-toggle { - color: #fff; - background-color: #090b0c; - border-color: #040405; -} -#directorist.atbd_wrapper .btn-dark:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-dark:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(32, 36, 40, 0.5); -} -#directorist.atbd_wrapper .btn-outline-primary { - color: #444752; - background-color: transparent; - background-image: none; - border-color: #444752; -} -#directorist.atbd_wrapper .btn-outline-primary:hover { - color: #fff; - background-color: #444752; - border-color: #444752; -} -#directorist.atbd_wrapper .btn-outline-primary:focus, #directorist.atbd_wrapper .btn-outline-primary.focus { - box-shadow: 0 0 0 0.2rem rgba(68, 71, 82, 0.5); -} -#directorist.atbd_wrapper .btn-outline-primary.disabled, #directorist.atbd_wrapper .btn-outline-primary:disabled { - color: #444752; - background-color: transparent; -} -#directorist.atbd_wrapper .btn-outline-primary:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-outline-primary:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-outline-primary.dropdown-toggle { - color: #fff; - background-color: #444752; - border-color: #444752; -} -#directorist.atbd_wrapper .btn-outline-primary:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-outline-primary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(68, 71, 82, 0.5); -} -#directorist.atbd_wrapper .btn-outline-secondary { - color: #122069; - background-color: transparent; - background-image: none; - border-color: #122069; -} -#directorist.atbd_wrapper .btn-outline-secondary:hover { - color: #fff; - background-color: #122069; - border-color: #122069; -} -#directorist.atbd_wrapper .btn-outline-secondary:focus, #directorist.atbd_wrapper .btn-outline-secondary.focus { - box-shadow: 0 0 0 0.2rem rgba(18, 32, 105, 0.5); -} -#directorist.atbd_wrapper .btn-outline-secondary.disabled, #directorist.atbd_wrapper .btn-outline-secondary:disabled { - color: #122069; - background-color: transparent; -} -#directorist.atbd_wrapper .btn-outline-secondary:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-outline-secondary.dropdown-toggle { - color: #fff; - background-color: #122069; - border-color: #122069; -} -#directorist.atbd_wrapper .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-outline-secondary.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(18, 32, 105, 0.5); -} -#directorist.atbd_wrapper .btn-outline-success { - color: #00AC17; - background-color: transparent; - background-image: none; - border-color: #00AC17; -} -#directorist.atbd_wrapper .btn-outline-success:hover { - color: #fff; - background-color: #00AC17; - border-color: #00AC17; -} -#directorist.atbd_wrapper .btn-outline-success:focus, #directorist.atbd_wrapper .btn-outline-success.focus { - box-shadow: 0 0 0 0.2rem rgba(0, 172, 23, 0.5); -} -#directorist.atbd_wrapper .btn-outline-success.disabled, #directorist.atbd_wrapper .btn-outline-success:disabled { - color: #00AC17; - background-color: transparent; -} -#directorist.atbd_wrapper .btn-outline-success:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-outline-success:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-outline-success.dropdown-toggle { - color: #fff; - background-color: #00AC17; - border-color: #00AC17; -} -#directorist.atbd_wrapper .btn-outline-success:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-outline-success.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(0, 172, 23, 0.5); -} -#directorist.atbd_wrapper .btn-outline-info { - color: #2C99FF; - background-color: transparent; - background-image: none; - border-color: #2C99FF; -} -#directorist.atbd_wrapper .btn-outline-info:hover { - color: #fff; - background-color: #2C99FF; - border-color: #2C99FF; -} -#directorist.atbd_wrapper .btn-outline-info:focus, #directorist.atbd_wrapper .btn-outline-info.focus { - box-shadow: 0 0 0 0.2rem rgba(44, 153, 255, 0.5); -} -#directorist.atbd_wrapper .btn-outline-info.disabled, #directorist.atbd_wrapper .btn-outline-info:disabled { - color: #2C99FF; - background-color: transparent; -} -#directorist.atbd_wrapper .btn-outline-info:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-outline-info:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-outline-info.dropdown-toggle { - color: #fff; - background-color: #2C99FF; - border-color: #2C99FF; -} -#directorist.atbd_wrapper .btn-outline-info:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-outline-info.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(44, 153, 255, 0.5); -} -#directorist.atbd_wrapper .btn-outline-warning { - color: #EF8000; - background-color: transparent; - background-image: none; - border-color: #EF8000; -} -#directorist.atbd_wrapper .btn-outline-warning:hover { - color: #fff; - background-color: #EF8000; - border-color: #EF8000; -} -#directorist.atbd_wrapper .btn-outline-warning:focus, #directorist.atbd_wrapper .btn-outline-warning.focus { - box-shadow: 0 0 0 0.2rem rgba(239, 128, 0, 0.5); -} -#directorist.atbd_wrapper .btn-outline-warning.disabled, #directorist.atbd_wrapper .btn-outline-warning:disabled { - color: #EF8000; - background-color: transparent; -} -#directorist.atbd_wrapper .btn-outline-warning:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-outline-warning:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-outline-warning.dropdown-toggle { - color: #fff; - background-color: #EF8000; - border-color: #EF8000; -} -#directorist.atbd_wrapper .btn-outline-warning:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-outline-warning.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(239, 128, 0, 0.5); -} -#directorist.atbd_wrapper .btn-outline-danger { - color: #EF0000; - background-color: transparent; - background-image: none; - border-color: #EF0000; -} -#directorist.atbd_wrapper .btn-outline-danger:hover { - color: #fff; - background-color: #EF0000; - border-color: #EF0000; -} -#directorist.atbd_wrapper .btn-outline-danger:focus, #directorist.atbd_wrapper .btn-outline-danger.focus { - box-shadow: 0 0 0 0.2rem rgba(239, 0, 0, 0.5); -} -#directorist.atbd_wrapper .btn-outline-danger.disabled, #directorist.atbd_wrapper .btn-outline-danger:disabled { - color: #EF0000; - background-color: transparent; -} -#directorist.atbd_wrapper .btn-outline-danger:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-outline-danger:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-outline-danger.dropdown-toggle { - color: #fff; - background-color: #EF0000; - border-color: #EF0000; -} -#directorist.atbd_wrapper .btn-outline-danger:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-outline-danger.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(239, 0, 0, 0.5); -} -#directorist.atbd_wrapper .btn-outline-light { - color: #9497A7; - background-color: transparent; - background-image: none; - border-color: #9497A7; -} -#directorist.atbd_wrapper .btn-outline-light:hover { - color: #212529; - background-color: #9497A7; - border-color: #9497A7; -} -#directorist.atbd_wrapper .btn-outline-light:focus, #directorist.atbd_wrapper .btn-outline-light.focus { - box-shadow: 0 0 0 0.2rem rgba(148, 151, 167, 0.5); -} -#directorist.atbd_wrapper .btn-outline-light.disabled, #directorist.atbd_wrapper .btn-outline-light:disabled { - color: #9497A7; - background-color: transparent; -} -#directorist.atbd_wrapper .btn-outline-light:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-outline-light:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-outline-light.dropdown-toggle { - color: #212529; - background-color: #9497A7; - border-color: #9497A7; -} -#directorist.atbd_wrapper .btn-outline-light:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-outline-light.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(148, 151, 167, 0.5); -} -#directorist.atbd_wrapper .btn-outline-dark { - color: #202428; - background-color: transparent; - background-image: none; - border-color: #202428; -} -#directorist.atbd_wrapper .btn-outline-dark:hover { - color: #fff; - background-color: #202428; - border-color: #202428; -} -#directorist.atbd_wrapper .btn-outline-dark:focus, #directorist.atbd_wrapper .btn-outline-dark.focus { - box-shadow: 0 0 0 0.2rem rgba(32, 36, 40, 0.5); -} -#directorist.atbd_wrapper .btn-outline-dark.disabled, #directorist.atbd_wrapper .btn-outline-dark:disabled { - color: #202428; - background-color: transparent; -} -#directorist.atbd_wrapper .btn-outline-dark:not(:disabled):not(.disabled):active, #directorist.atbd_wrapper .btn-outline-dark:not(:disabled):not(.disabled).active, .show > #directorist.atbd_wrapper .btn-outline-dark.dropdown-toggle { - color: #fff; - background-color: #202428; - border-color: #202428; -} -#directorist.atbd_wrapper .btn-outline-dark:not(:disabled):not(.disabled):active:focus, #directorist.atbd_wrapper .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > #directorist.atbd_wrapper .btn-outline-dark.dropdown-toggle:focus { - box-shadow: 0 0 0 0.2rem rgba(32, 36, 40, 0.5); -} -#directorist.atbd_wrapper .btn-link { - font-weight: 400; - color: #7a82a6; - background-color: transparent; -} -#directorist.atbd_wrapper .btn-link:hover { - color: #444752; - text-decoration: none; - background-color: transparent; - border-color: transparent; -} -#directorist.atbd_wrapper .btn-link:focus, #directorist.atbd_wrapper .btn-link.focus { - text-decoration: none; - border-color: transparent; - box-shadow: none; -} -#directorist.atbd_wrapper .btn-link:disabled, #directorist.atbd_wrapper .btn-link.disabled { - color: #6c757d; - pointer-events: none; -} -#directorist.atbd_wrapper .btn-lg { - padding: 0.5rem 1rem; - font-size: 1.25rem; - line-height: 1.5; - border-radius: 0.3rem; -} -#directorist.atbd_wrapper .btn-sm { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; - line-height: 1.5; - border-radius: 0.2rem; -} -#directorist.atbd_wrapper .btn-block { - display: block; - width: 100%; -} -#directorist.atbd_wrapper .btn-block + .btn-block { - margin-top: 0.5rem; -} -#directorist.atbd_wrapper input[type=submit].btn-block, -#directorist.atbd_wrapper input[type=reset].btn-block, -#directorist.atbd_wrapper input[type=button].btn-block { - width: 100%; -} -#directorist.atbd_wrapper .form-control { - display: block; - width: 100%; - padding: 0.375rem 0.75rem; - font-size: 15px; - line-height: 1.5; - color: #495057; - background-color: #fff; - background-clip: padding-box; - border: 1px solid #dbdaf7; - border-radius: 0.25rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} -@media screen and (prefers-reduced-motion: reduce) { - #directorist.atbd_wrapper .form-control { - transition: none; - } -} -#directorist.atbd_wrapper .form-control::-ms-expand { - background-color: transparent; - border: 0; -} -#directorist.atbd_wrapper .form-control:focus { - color: #495057; - background-color: #fff; - border-color: #80bdff; - outline: 0; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); -} -#directorist.atbd_wrapper .form-control::-moz-placeholder { - color: #6c757d; - opacity: 1; -} -#directorist.atbd_wrapper .form-control::placeholder { - color: #6c757d; - opacity: 1; -} -#directorist.atbd_wrapper .form-control:disabled, #directorist.atbd_wrapper .form-control[readonly] { - background-color: #e9ecef; - opacity: 1; -} -#directorist.atbd_wrapper select.form-control:not([size]):not([multiple]) { - height: 44px; -} -#directorist.atbd_wrapper select.form-control:focus::-ms-value { - color: #495057; - background-color: #fff; -} -#directorist.atbd_wrapper .form-control-file, -#directorist.atbd_wrapper .form-control-range { - display: block; - width: 100%; -} -#directorist.atbd_wrapper .col-form-label { - padding-top: calc(0.375rem + 1px); - padding-bottom: calc(0.375rem + 1px); - margin-bottom: 0; - font-size: inherit; - line-height: 1.5; -} -#directorist.atbd_wrapper .col-form-label-lg { - padding-top: calc(0.5rem + 1px); - padding-bottom: calc(0.5rem + 1px); - font-size: 1.25rem; - line-height: 1.5; -} -#directorist.atbd_wrapper .col-form-label-sm { - padding-top: calc(0.25rem + 1px); - padding-bottom: calc(0.25rem + 1px); - font-size: 0.875rem; - line-height: 1.5; -} -#directorist.atbd_wrapper .form-control-plaintext { - display: block; - width: 100%; - padding-top: 0.375rem; - padding-bottom: 0.375rem; - margin-bottom: 0; - line-height: 1.5; - color: #212529; - background-color: transparent; - border: solid transparent; - border-width: 1px 0; -} -#directorist.atbd_wrapper .form-control-plaintext.form-control-sm, #directorist.atbd_wrapper .form-control-plaintext.form-control-lg { - padding-right: 0; - padding-left: 0; -} -#directorist.atbd_wrapper .form-control-sm { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; - line-height: 1.5; - border-radius: 0.2rem; -} -#directorist.atbd_wrapper select.form-control-sm:not([size]):not([multiple]) { - height: 1.8125rem2px; -} -#directorist.atbd_wrapper .form-control-lg { - padding: 0.5rem 1rem; - font-size: 1.25rem; - line-height: 1.5; - border-radius: 0.3rem; -} -#directorist.atbd_wrapper select.form-control-lg:not([size]):not([multiple]) { - height: 2.875rem2px; -} -#directorist.atbd_wrapper .form-group { - margin-bottom: 1rem; -} -#directorist.atbd_wrapper .form-text { - display: block; - margin-top: 0.25rem; -} -#directorist.atbd_wrapper .form-row { - display: flex; - flex-wrap: wrap; - margin-right: -5px; - margin-left: -5px; -} -#directorist.atbd_wrapper .form-row > .col, -#directorist.atbd_wrapper .form-row > [class*=col-] { - padding-right: 5px; - padding-left: 5px; -} -#directorist.atbd_wrapper .form-check { - position: relative; - display: block; - padding-left: 1.25rem; -} -#directorist.atbd_wrapper .form-check-input { - position: absolute; - margin-top: 0.3rem; - margin-left: -1.25rem; -} -#directorist.atbd_wrapper .form-check-input:disabled ~ .form-check-label { - color: #6c757d; -} -#directorist.atbd_wrapper .form-check-label { - margin-bottom: 0; -} -#directorist.atbd_wrapper .form-check-inline { - display: inline-flex; - align-items: center; - padding-left: 0; - margin-right: 0.75rem; -} -#directorist.atbd_wrapper .form-check-inline .form-check-input { - position: static; - margin-top: 0; - margin-right: 0.3125rem; - margin-left: 0; -} -#directorist.atbd_wrapper .valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #28a745; -} -#directorist.atbd_wrapper .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 8px; - margin-top: 1.5px; - font-size: 13px; - line-height: 1; - color: #fff; - background-color: rgba(40, 167, 69, 0.8); - border-radius: 3px; -} -.was-validated #directorist.atbd_wrapper .form-control:valid, #directorist.atbd_wrapper .form-control.is-valid, -.was-validated #directorist.atbd_wrapper .custom-select:valid, -#directorist.atbd_wrapper .custom-select.is-valid { - border-color: #28a745; -} -.was-validated #directorist.atbd_wrapper .form-control:valid:focus, #directorist.atbd_wrapper .form-control.is-valid:focus, -.was-validated #directorist.atbd_wrapper .custom-select:valid:focus, -#directorist.atbd_wrapper .custom-select.is-valid:focus { - border-color: #28a745; - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); -} -.was-validated #directorist.atbd_wrapper .form-control:valid ~ .valid-feedback, -.was-validated #directorist.atbd_wrapper .form-control:valid ~ .valid-tooltip, #directorist.atbd_wrapper .form-control.is-valid ~ .valid-feedback, -#directorist.atbd_wrapper .form-control.is-valid ~ .valid-tooltip, -.was-validated #directorist.atbd_wrapper .custom-select:valid ~ .valid-feedback, -.was-validated #directorist.atbd_wrapper .custom-select:valid ~ .valid-tooltip, -#directorist.atbd_wrapper .custom-select.is-valid ~ .valid-feedback, -#directorist.atbd_wrapper .custom-select.is-valid ~ .valid-tooltip { - display: block; -} -.was-validated #directorist.atbd_wrapper .form-check-input:valid ~ .form-check-label, #directorist.atbd_wrapper .form-check-input.is-valid ~ .form-check-label { - color: #28a745; -} -.was-validated #directorist.atbd_wrapper .form-check-input:valid ~ .valid-feedback, -.was-validated #directorist.atbd_wrapper .form-check-input:valid ~ .valid-tooltip, #directorist.atbd_wrapper .form-check-input.is-valid ~ .valid-feedback, -#directorist.atbd_wrapper .form-check-input.is-valid ~ .valid-tooltip { - display: block; -} -.was-validated #directorist.atbd_wrapper .custom-control-input:valid ~ .custom-control-label, #directorist.atbd_wrapper .custom-control-input.is-valid ~ .custom-control-label { - color: #28a745; -} -.was-validated #directorist.atbd_wrapper .custom-control-input:valid ~ .custom-control-label::before, #directorist.atbd_wrapper .custom-control-input.is-valid ~ .custom-control-label::before { - background-color: #71dd8a; -} -.was-validated #directorist.atbd_wrapper .custom-control-input:valid ~ .valid-feedback, -.was-validated #directorist.atbd_wrapper .custom-control-input:valid ~ .valid-tooltip, #directorist.atbd_wrapper .custom-control-input.is-valid ~ .valid-feedback, -#directorist.atbd_wrapper .custom-control-input.is-valid ~ .valid-tooltip { - display: block; -} -.was-validated #directorist.atbd_wrapper .custom-control-input:valid:checked ~ .custom-control-label::before, #directorist.atbd_wrapper .custom-control-input.is-valid:checked ~ .custom-control-label::before { - background-color: #34ce57; -} -.was-validated #directorist.atbd_wrapper .custom-control-input:valid:focus ~ .custom-control-label::before, #directorist.atbd_wrapper .custom-control-input.is-valid:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); -} -.was-validated #directorist.atbd_wrapper .custom-file-input:valid ~ .custom-file-label, #directorist.atbd_wrapper .custom-file-input.is-valid ~ .custom-file-label { - border-color: #28a745; -} -.was-validated #directorist.atbd_wrapper .custom-file-input:valid ~ .custom-file-label::before, #directorist.atbd_wrapper .custom-file-input.is-valid ~ .custom-file-label::before { - border-color: inherit; -} -.was-validated #directorist.atbd_wrapper .custom-file-input:valid ~ .valid-feedback, -.was-validated #directorist.atbd_wrapper .custom-file-input:valid ~ .valid-tooltip, #directorist.atbd_wrapper .custom-file-input.is-valid ~ .valid-feedback, -#directorist.atbd_wrapper .custom-file-input.is-valid ~ .valid-tooltip { - display: block; -} -.was-validated #directorist.atbd_wrapper .custom-file-input:valid:focus ~ .custom-file-label, #directorist.atbd_wrapper .custom-file-input.is-valid:focus ~ .custom-file-label { - box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); -} -#directorist.atbd_wrapper .invalid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 80%; - color: #dc3545; -} -#directorist.atbd_wrapper .invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 8px; - margin-top: 1.5px; - font-size: 13px; - line-height: 1; - color: #fff; - background-color: rgba(220, 53, 69, 0.8); - border-radius: 3px; -} -.was-validated #directorist.atbd_wrapper .form-control:invalid, #directorist.atbd_wrapper .form-control.is-invalid, -.was-validated #directorist.atbd_wrapper .custom-select:invalid, -#directorist.atbd_wrapper .custom-select.is-invalid { - border-color: #dc3545; -} -.was-validated #directorist.atbd_wrapper .form-control:invalid:focus, #directorist.atbd_wrapper .form-control.is-invalid:focus, -.was-validated #directorist.atbd_wrapper .custom-select:invalid:focus, -#directorist.atbd_wrapper .custom-select.is-invalid:focus { - border-color: #dc3545; - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); -} -.was-validated #directorist.atbd_wrapper .form-control:invalid ~ .invalid-feedback, -.was-validated #directorist.atbd_wrapper .form-control:invalid ~ .invalid-tooltip, #directorist.atbd_wrapper .form-control.is-invalid ~ .invalid-feedback, -#directorist.atbd_wrapper .form-control.is-invalid ~ .invalid-tooltip, -.was-validated #directorist.atbd_wrapper .custom-select:invalid ~ .invalid-feedback, -.was-validated #directorist.atbd_wrapper .custom-select:invalid ~ .invalid-tooltip, -#directorist.atbd_wrapper .custom-select.is-invalid ~ .invalid-feedback, -#directorist.atbd_wrapper .custom-select.is-invalid ~ .invalid-tooltip { - display: block; -} -.was-validated #directorist.atbd_wrapper .form-check-input:invalid ~ .form-check-label, #directorist.atbd_wrapper .form-check-input.is-invalid ~ .form-check-label { - color: #dc3545; -} -.was-validated #directorist.atbd_wrapper .form-check-input:invalid ~ .invalid-feedback, -.was-validated #directorist.atbd_wrapper .form-check-input:invalid ~ .invalid-tooltip, #directorist.atbd_wrapper .form-check-input.is-invalid ~ .invalid-feedback, -#directorist.atbd_wrapper .form-check-input.is-invalid ~ .invalid-tooltip { - display: block; -} -.was-validated #directorist.atbd_wrapper .custom-control-input:invalid ~ .custom-control-label, #directorist.atbd_wrapper .custom-control-input.is-invalid ~ .custom-control-label { - color: #dc3545; -} -.was-validated #directorist.atbd_wrapper .custom-control-input:invalid ~ .custom-control-label::before, #directorist.atbd_wrapper .custom-control-input.is-invalid ~ .custom-control-label::before { - background-color: #efa2a9; -} -.was-validated #directorist.atbd_wrapper .custom-control-input:invalid ~ .invalid-feedback, -.was-validated #directorist.atbd_wrapper .custom-control-input:invalid ~ .invalid-tooltip, #directorist.atbd_wrapper .custom-control-input.is-invalid ~ .invalid-feedback, -#directorist.atbd_wrapper .custom-control-input.is-invalid ~ .invalid-tooltip { - display: block; -} -.was-validated #directorist.atbd_wrapper .custom-control-input:invalid:checked ~ .custom-control-label::before, #directorist.atbd_wrapper .custom-control-input.is-invalid:checked ~ .custom-control-label::before { - background-color: #e4606d; -} -.was-validated #directorist.atbd_wrapper .custom-control-input:invalid:focus ~ .custom-control-label::before, #directorist.atbd_wrapper .custom-control-input.is-invalid:focus ~ .custom-control-label::before { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); -} -.was-validated #directorist.atbd_wrapper .custom-file-input:invalid ~ .custom-file-label, #directorist.atbd_wrapper .custom-file-input.is-invalid ~ .custom-file-label { - border-color: #dc3545; -} -.was-validated #directorist.atbd_wrapper .custom-file-input:invalid ~ .custom-file-label::before, #directorist.atbd_wrapper .custom-file-input.is-invalid ~ .custom-file-label::before { - border-color: inherit; -} -.was-validated #directorist.atbd_wrapper .custom-file-input:invalid ~ .invalid-feedback, -.was-validated #directorist.atbd_wrapper .custom-file-input:invalid ~ .invalid-tooltip, #directorist.atbd_wrapper .custom-file-input.is-invalid ~ .invalid-feedback, -#directorist.atbd_wrapper .custom-file-input.is-invalid ~ .invalid-tooltip { - display: block; -} -.was-validated #directorist.atbd_wrapper .custom-file-input:invalid:focus ~ .custom-file-label, #directorist.atbd_wrapper .custom-file-input.is-invalid:focus ~ .custom-file-label { - box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); -} -#directorist.atbd_wrapper .form-inline { - display: flex; - flex-flow: row wrap; - align-items: center; -} -#directorist.atbd_wrapper .form-inline .form-check { - width: 100%; -} -@media (min-width: 576px) { - #directorist.atbd_wrapper .form-inline label { - display: flex; - align-items: center; - justify-content: center; - margin-bottom: 0; - } - #directorist.atbd_wrapper .form-inline .form-group { - display: flex; - flex: 0 0 auto; - flex-flow: row wrap; - align-items: center; - margin-bottom: 0; - } - #directorist.atbd_wrapper .form-inline .form-control { - display: inline-block; - width: auto; - vertical-align: middle; - } - #directorist.atbd_wrapper .form-inline .form-control-plaintext { - display: inline-block; - } - #directorist.atbd_wrapper .form-inline .input-group, - #directorist.atbd_wrapper .form-inline .custom-select { - width: auto; - } - #directorist.atbd_wrapper .form-inline .form-check { - display: flex; - align-items: center; - justify-content: center; - width: auto; - padding-left: 0; - } - #directorist.atbd_wrapper .form-inline .form-check-input { - position: relative; - margin-top: 0; - margin-right: 0.25rem; - margin-left: 0; - } - #directorist.atbd_wrapper .form-inline .custom-control { - align-items: center; - justify-content: center; - } - #directorist.atbd_wrapper .form-inline .custom-control-label { - margin-bottom: 0; - } -} -#directorist.atbd_wrapper .alert { - position: relative; - padding: 0.75rem 1.25rem; - margin-bottom: 1rem; - border: 1px solid transparent; - border-radius: 0.25rem; -} -#directorist.atbd_wrapper .alert-heading { - color: inherit; -} -#directorist.atbd_wrapper .alert-link { - font-weight: 700; -} -#directorist.atbd_wrapper .alert-dismissible { - padding-right: 4rem; -} -#directorist.atbd_wrapper .alert-dismissible .close { - position: absolute; - top: 0; - right: 0; - padding: 0.75rem 1.25rem; - color: inherit; -} -#directorist.atbd_wrapper .alert-primary { - color: #23252b; - background-color: #dadadc; - border-color: #cbcbcf; -} -#directorist.atbd_wrapper .alert-primary hr { - border-top-color: #bebec3; -} -#directorist.atbd_wrapper .alert-primary .alert-link { - color: #0c0d0f; -} -#directorist.atbd_wrapper .alert-secondary { - color: #091137; - background-color: #d0d2e1; - border-color: #bdc1d5; -} -#directorist.atbd_wrapper .alert-secondary hr { - border-top-color: #adb2cb; -} -#directorist.atbd_wrapper .alert-secondary .alert-link { - color: #02030b; -} -#directorist.atbd_wrapper .alert-success { - color: #00590c; - background-color: #cceed1; - border-color: #b8e8be; -} -#directorist.atbd_wrapper .alert-success hr { - border-top-color: #a5e2ac; -} -#directorist.atbd_wrapper .alert-success .alert-link { - color: #002605; -} -#directorist.atbd_wrapper .alert-info { - color: #175085; - background-color: #d5ebff; - border-color: #c4e2ff; -} -#directorist.atbd_wrapper .alert-info hr { - border-top-color: #abd5ff; -} -#directorist.atbd_wrapper .alert-info .alert-link { - color: #0f365a; -} -#directorist.atbd_wrapper .alert-warning { - color: #7c4300; - background-color: #fce6cc; - border-color: #fbdbb8; -} -#directorist.atbd_wrapper .alert-warning hr { - border-top-color: #facfa0; -} -#directorist.atbd_wrapper .alert-warning .alert-link { - color: #492700; -} -#directorist.atbd_wrapper .alert-danger { - color: #7c0000; - background-color: #fccccc; - border-color: #fbb8b8; -} -#directorist.atbd_wrapper .alert-danger hr { - border-top-color: #faa0a0; -} -#directorist.atbd_wrapper .alert-danger .alert-link { - color: #490000; -} -#directorist.atbd_wrapper .alert-light { - color: #4d4f57; - background-color: #eaeaed; - border-color: #e1e2e6; -} -#directorist.atbd_wrapper .alert-light hr { - border-top-color: #d3d5da; -} -#directorist.atbd_wrapper .alert-light .alert-link { - color: #35363c; -} -#directorist.atbd_wrapper .alert-dark { - color: #111315; - background-color: #d2d3d4; - border-color: #c1c2c3; -} -#directorist.atbd_wrapper .alert-dark hr { - border-top-color: #b4b5b6; -} -#directorist.atbd_wrapper .alert-dark .alert-link { - color: black; -} -#directorist.atbd_wrapper .dropup, -#directorist.atbd_wrapper .dropright, -#directorist.atbd_wrapper .dropdown, -#directorist.atbd_wrapper .dropleft { - position: relative; -} -#directorist.atbd_wrapper .dropdown-toggle::after { - display: inline-block; - width: 0; - height: 0; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; -} -#directorist.atbd_wrapper .dropdown-toggle:empty::after { - margin-left: 0; -} -#directorist.atbd_wrapper .dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 10rem; - padding: 0.5rem 0; - margin: 0.125rem 0 0; - font-size: 15px; - color: #5a6671; - text-align: left; - list-style: none; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 0.25rem; -} -#directorist.atbd_wrapper .dropdown-menu-right { - right: 0; - left: auto; -} -#directorist.atbd_wrapper .dropup .dropdown-menu { - top: auto; - bottom: 100%; - margin-top: 0; - margin-bottom: 0.125rem; -} -#directorist.atbd_wrapper .dropup .dropdown-toggle::after { - display: inline-block; - width: 0; - height: 0; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0; - border-right: 0.3em solid transparent; - border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; -} -#directorist.atbd_wrapper .dropup .dropdown-toggle:empty::after { - margin-left: 0; -} -#directorist.atbd_wrapper .dropright .dropdown-menu { - top: 0; - right: auto; - left: 100%; - margin-top: 0; - margin-left: 0.125rem; -} -#directorist.atbd_wrapper .dropright .dropdown-toggle::after { - display: inline-block; - width: 0; - height: 0; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0; - border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; -} -#directorist.atbd_wrapper .dropright .dropdown-toggle:empty::after { - margin-left: 0; -} -#directorist.atbd_wrapper .dropright .dropdown-toggle::after { - vertical-align: 0; -} -#directorist.atbd_wrapper .dropleft .dropdown-menu { - top: 0; - right: 100%; - left: auto; - margin-top: 0; - margin-right: 0.125rem; -} -#directorist.atbd_wrapper .dropleft .dropdown-toggle::after { - display: inline-block; - width: 0; - height: 0; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; -} -#directorist.atbd_wrapper .dropleft .dropdown-toggle::after { - display: none; -} -#directorist.atbd_wrapper .dropleft .dropdown-toggle::before { - display: inline-block; - width: 0; - height: 0; - margin-right: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; -} -#directorist.atbd_wrapper .dropleft .dropdown-toggle:empty::after { - margin-left: 0; -} -#directorist.atbd_wrapper .dropleft .dropdown-toggle::before { - vertical-align: 0; -} -#directorist.atbd_wrapper .dropdown-menu[x-placement^=top], #directorist.atbd_wrapper .dropdown-menu[x-placement^=right], #directorist.atbd_wrapper .dropdown-menu[x-placement^=bottom], #directorist.atbd_wrapper .dropdown-menu[x-placement^=left] { - right: auto; - bottom: auto; -} -#directorist.atbd_wrapper .dropdown-divider { - height: 0; - margin: 0.5rem 0; - overflow: hidden; - border-top: 1px solid #e9ecef; -} -#directorist.atbd_wrapper .dropdown-item { - display: block; - width: 100%; - padding: 0.25rem 1.5rem; - clear: both; - font-weight: 400; - color: #212529; - text-align: inherit; - white-space: nowrap; - background-color: transparent; - border: 0; -} -#directorist.atbd_wrapper .dropdown-item:hover, #directorist.atbd_wrapper .dropdown-item:focus { - color: #16181b; - text-decoration: none; - background-color: #f8f9fa; -} -#directorist.atbd_wrapper .dropdown-item.active, #directorist.atbd_wrapper .dropdown-item:active { - color: #fff; - text-decoration: none; - background-color: #007bff; -} -#directorist.atbd_wrapper .dropdown-item.disabled, #directorist.atbd_wrapper .dropdown-item:disabled { - color: #6c757d; - background-color: transparent; -} -#directorist.atbd_wrapper .dropdown-menu.show { - display: block; -} -#directorist.atbd_wrapper .dropdown-header { - display: block; - padding: 0.5rem 1.5rem; - margin-bottom: 0; - font-size: 0.875rem; - color: #6c757d; - white-space: nowrap; -} -#directorist.atbd_wrapper .dropdown-item-text { - display: block; - padding: 0.25rem 1.5rem; - color: #212529; -} -#directorist.atbd_wrapper .nav { - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - list-style: none; -} -#directorist.atbd_wrapper .nav-link { - display: block; - padding: 0.5rem 1rem; -} -#directorist.atbd_wrapper .nav-link:hover, #directorist.atbd_wrapper .nav-link:focus { - text-decoration: none; -} -#directorist.atbd_wrapper .nav-link.disabled { - color: #6c757d; -} -#directorist.atbd_wrapper .nav-tabs { - border-bottom: 1px solid #dee2e6; -} -#directorist.atbd_wrapper .nav-tabs .nav-item { - margin-bottom: -1px; -} -#directorist.atbd_wrapper .nav-tabs .nav-link { - border: 1px solid transparent; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} -#directorist.atbd_wrapper .nav-tabs .nav-link:hover, #directorist.atbd_wrapper .nav-tabs .nav-link:focus { - border-color: #e9ecef #e9ecef #dee2e6; -} -#directorist.atbd_wrapper .nav-tabs .nav-link.disabled { - color: #6c757d; - background-color: transparent; - border-color: transparent; -} -#directorist.atbd_wrapper .nav-tabs .nav-link.active, -#directorist.atbd_wrapper .nav-tabs .nav-item.show .nav-link { - color: #495057; - background-color: #fff; - border-color: #dee2e6 #dee2e6 #fff; -} -#directorist.atbd_wrapper .nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; -} -#directorist.atbd_wrapper .nav-pills .nav-link { - border-radius: 0.25rem; -} -#directorist.atbd_wrapper .nav-pills .nav-link.active, -#directorist.atbd_wrapper .nav-pills .show > .nav-link { - color: #fff; - background-color: #007bff; -} -#directorist.atbd_wrapper .nav-fill .nav-item { - flex: 1 1 auto; - text-align: center; -} -#directorist.atbd_wrapper .nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; -} -#directorist.atbd_wrapper .tab-content > .tab-pane { - display: none; -} -#directorist.atbd_wrapper .tab-content > .active { - display: block; -} -#directorist.atbd_wrapper .table { - width: 100%; - max-width: 100%; - margin-bottom: 1rem; - background-color: transparent; -} -#directorist.atbd_wrapper .table th, -#directorist.atbd_wrapper .table td { - padding: 0.75rem; - vertical-align: top; - border-top: 1px solid #dee2e6; -} -#directorist.atbd_wrapper .table thead th { - vertical-align: bottom; - border-bottom: 2px solid #dee2e6; -} -#directorist.atbd_wrapper .table tbody + tbody { - border-top: 2px solid #dee2e6; -} -#directorist.atbd_wrapper .table .table { - background-color: #fff; -} -#directorist.atbd_wrapper .table-sm th, -#directorist.atbd_wrapper .table-sm td { - padding: 0.3rem; -} -#directorist.atbd_wrapper .table-bordered { - border: 1px solid #dee2e6; -} -#directorist.atbd_wrapper .table-bordered th, -#directorist.atbd_wrapper .table-bordered td { - border: 1px solid #dee2e6; -} -#directorist.atbd_wrapper .table-bordered thead th, -#directorist.atbd_wrapper .table-bordered thead td { - border-bottom-width: 2px; -} -#directorist.atbd_wrapper .table-borderless th, -#directorist.atbd_wrapper .table-borderless td, -#directorist.atbd_wrapper .table-borderless thead th, -#directorist.atbd_wrapper .table-borderless tbody + tbody { - border: 0; -} -#directorist.atbd_wrapper .table-striped tbody tr:nth-of-type(odd) { - background-color: rgba(0, 0, 0, 0.05); -} -#directorist.atbd_wrapper .table-hover tbody tr:hover { - background-color: rgba(0, 0, 0, 0.075); -} -#directorist.atbd_wrapper .table-primary, -#directorist.atbd_wrapper .table-primary > th, -#directorist.atbd_wrapper .table-primary > td { - background-color: #cbcbcf; -} -#directorist.atbd_wrapper .table-hover .table-primary:hover { - background-color: #bebec3; -} -#directorist.atbd_wrapper .table-hover .table-primary:hover > td, -#directorist.atbd_wrapper .table-hover .table-primary:hover > th { - background-color: #bebec3; -} -#directorist.atbd_wrapper .table-secondary, -#directorist.atbd_wrapper .table-secondary > th, -#directorist.atbd_wrapper .table-secondary > td { - background-color: #bdc1d5; -} -#directorist.atbd_wrapper .table-hover .table-secondary:hover { - background-color: #adb2cb; -} -#directorist.atbd_wrapper .table-hover .table-secondary:hover > td, -#directorist.atbd_wrapper .table-hover .table-secondary:hover > th { - background-color: #adb2cb; -} -#directorist.atbd_wrapper .table-success, -#directorist.atbd_wrapper .table-success > th, -#directorist.atbd_wrapper .table-success > td { - background-color: #b8e8be; -} -#directorist.atbd_wrapper .table-hover .table-success:hover { - background-color: #a5e2ac; -} -#directorist.atbd_wrapper .table-hover .table-success:hover > td, -#directorist.atbd_wrapper .table-hover .table-success:hover > th { - background-color: #a5e2ac; -} -#directorist.atbd_wrapper .table-info, -#directorist.atbd_wrapper .table-info > th, -#directorist.atbd_wrapper .table-info > td { - background-color: #c4e2ff; -} -#directorist.atbd_wrapper .table-hover .table-info:hover { - background-color: #abd5ff; -} -#directorist.atbd_wrapper .table-hover .table-info:hover > td, -#directorist.atbd_wrapper .table-hover .table-info:hover > th { - background-color: #abd5ff; -} -#directorist.atbd_wrapper .table-warning, -#directorist.atbd_wrapper .table-warning > th, -#directorist.atbd_wrapper .table-warning > td { - background-color: #fbdbb8; -} -#directorist.atbd_wrapper .table-hover .table-warning:hover { - background-color: #facfa0; -} -#directorist.atbd_wrapper .table-hover .table-warning:hover > td, -#directorist.atbd_wrapper .table-hover .table-warning:hover > th { - background-color: #facfa0; -} -#directorist.atbd_wrapper .table-danger, -#directorist.atbd_wrapper .table-danger > th, -#directorist.atbd_wrapper .table-danger > td { - background-color: #fbb8b8; -} -#directorist.atbd_wrapper .table-hover .table-danger:hover { - background-color: #faa0a0; -} -#directorist.atbd_wrapper .table-hover .table-danger:hover > td, -#directorist.atbd_wrapper .table-hover .table-danger:hover > th { - background-color: #faa0a0; -} -#directorist.atbd_wrapper .table-light, -#directorist.atbd_wrapper .table-light > th, -#directorist.atbd_wrapper .table-light > td { - background-color: #e1e2e6; -} -#directorist.atbd_wrapper .table-hover .table-light:hover { - background-color: #d3d5da; -} -#directorist.atbd_wrapper .table-hover .table-light:hover > td, -#directorist.atbd_wrapper .table-hover .table-light:hover > th { - background-color: #d3d5da; -} -#directorist.atbd_wrapper .table-dark, -#directorist.atbd_wrapper .table-dark > th, -#directorist.atbd_wrapper .table-dark > td { - background-color: #c1c2c3; -} -#directorist.atbd_wrapper .table-hover .table-dark:hover { - background-color: #b4b5b6; -} -#directorist.atbd_wrapper .table-hover .table-dark:hover > td, -#directorist.atbd_wrapper .table-hover .table-dark:hover > th { - background-color: #b4b5b6; -} -#directorist.atbd_wrapper .table-active, -#directorist.atbd_wrapper .table-active > th, -#directorist.atbd_wrapper .table-active > td { - background-color: rgba(0, 0, 0, 0.075); -} -#directorist.atbd_wrapper .table-hover .table-active:hover { - background-color: rgba(0, 0, 0, 0.075); -} -#directorist.atbd_wrapper .table-hover .table-active:hover > td, -#directorist.atbd_wrapper .table-hover .table-active:hover > th { - background-color: rgba(0, 0, 0, 0.075); -} -#directorist.atbd_wrapper .table .thead-dark th { - color: #fff; - background-color: #212529; - border-color: #32383e; -} -#directorist.atbd_wrapper .table .thead-light th { - color: #495057; - background-color: #e9ecef; - border-color: #dee2e6; -} -#directorist.atbd_wrapper .table-dark { - color: #fff; - background-color: #212529; -} -#directorist.atbd_wrapper .table-dark th, -#directorist.atbd_wrapper .table-dark td, -#directorist.atbd_wrapper .table-dark thead th { - border-color: #32383e; -} -#directorist.atbd_wrapper .table-dark.table-bordered { - border: 0; -} -#directorist.atbd_wrapper .table-dark.table-striped tbody tr:nth-of-type(odd) { - background-color: rgba(255, 255, 255, 0.05); -} -#directorist.atbd_wrapper .table-dark.table-hover tbody tr:hover { - background-color: rgba(255, 255, 255, 0.075); -} -@media (max-width: 575.98px) { - #directorist.atbd_wrapper .table-responsive-sm { - display: block; - width: 100%; - overflow-x: auto; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - } - #directorist.atbd_wrapper .table-responsive-sm > .table-bordered { - border: 0; - } -} -@media (max-width: 767.98px) { - #directorist.atbd_wrapper .table-responsive-md { - display: block; - width: 100%; - overflow-x: auto; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - } - #directorist.atbd_wrapper .table-responsive-md > .table-bordered { - border: 0; - } -} -@media (max-width: 991.98px) { - #directorist.atbd_wrapper .table-responsive-lg { - display: block; - width: 100%; - overflow-x: auto; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - } - #directorist.atbd_wrapper .table-responsive-lg > .table-bordered { - border: 0; - } -} -@media (max-width: 1199.98px) { - #directorist.atbd_wrapper .table-responsive-xl { - display: block; - width: 100%; - overflow-x: auto; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; - } - #directorist.atbd_wrapper .table-responsive-xl > .table-bordered { - border: 0; - } -} -#directorist.atbd_wrapper .table-responsive { - display: block; - width: 100%; - overflow-x: auto; - -webkit-overflow-scrolling: touch; - -ms-overflow-style: -ms-autohiding-scrollbar; -} -#directorist.atbd_wrapper .table-responsive > .table-bordered { - border: 0; -} -#directorist.atbd_wrapper *, -#directorist.atbd_wrapper *::before, -#directorist.atbd_wrapper *::after { - box-sizing: border-box; -} -#directorist.atbd_wrapper html { - font-family: sans-serif; - line-height: 1.15; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - -ms-overflow-style: scrollbar; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -#directorist.atbd_wrapper article, #directorist.atbd_wrapper aside, #directorist.atbd_wrapper dialog, #directorist.atbd_wrapper figcaption, #directorist.atbd_wrapper figure, #directorist.atbd_wrapper footer, #directorist.atbd_wrapper header, #directorist.atbd_wrapper hgroup, #directorist.atbd_wrapper main, #directorist.atbd_wrapper nav, #directorist.atbd_wrapper section { - display: block; -} -#directorist.atbd_wrapper body { - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 15px; - font-weight: 400; - line-height: 1.5; - color: #5a6671; - text-align: left; - background-color: #fff; -} -#directorist.atbd_wrapper [tabindex="-1"]:focus { - outline: 0 !important; -} -#directorist.atbd_wrapper hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} -#directorist.atbd_wrapper h1, #directorist.atbd_wrapper h2, #directorist.atbd_wrapper h3, #directorist.atbd_wrapper h4, #directorist.atbd_wrapper h5, #directorist.atbd_wrapper h6 { - margin-top: 0; - margin-bottom: 0.5rem; -} -#directorist.atbd_wrapper p { - margin-top: 0; - margin-bottom: 1rem; -} -#directorist.atbd_wrapper abbr[title], -#directorist.atbd_wrapper abbr[data-original-title] { - text-decoration: underline; - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - cursor: help; - border-bottom: 0; -} -#directorist.atbd_wrapper address { - margin-bottom: 15px; - font-style: normal; - line-height: inherit; -} -#directorist.atbd_wrapper ol, -#directorist.atbd_wrapper ul, -#directorist.atbd_wrapper dl { - margin-top: 0; - margin-bottom: 15px; -} -#directorist.atbd_wrapper ol ol, -#directorist.atbd_wrapper ul ul, -#directorist.atbd_wrapper ol ul, -#directorist.atbd_wrapper ul ol { - margin-bottom: 0; -} -#directorist.atbd_wrapper dt { - font-weight: 700; -} -#directorist.atbd_wrapper dd { - margin-bottom: 8px; - margin-left: 0; -} -#directorist.atbd_wrapper blockquote { - margin: 0 0 15px; -} -#directorist.atbd_wrapper dfn { - font-style: italic; -} -#directorist.atbd_wrapper b, -#directorist.atbd_wrapper strong { - font-weight: bolder; -} -#directorist.atbd_wrapper small { - font-size: 80%; -} -#directorist.atbd_wrapper sub, -#directorist.atbd_wrapper sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} -#directorist.atbd_wrapper sub { - bottom: -0.25em; -} -#directorist.atbd_wrapper sup { - top: -0.5em; -} -#directorist.atbd_wrapper a { - color: #7a82a6; - text-decoration: none; - background-color: transparent; - -webkit-text-decoration-skip: objects; -} -#directorist.atbd_wrapper a:hover { - color: #444752; - text-decoration: none; -} -#directorist.atbd_wrapper a:not([href]):not([tabindex]) { - color: inherit; - text-decoration: none; -} -#directorist.atbd_wrapper a:not([href]):not([tabindex]):hover, #directorist.atbd_wrapper a:not([href]):not([tabindex]):focus { - color: inherit; - text-decoration: none; -} -#directorist.atbd_wrapper a:not([href]):not([tabindex]):focus { - outline: 0; -} -#directorist.atbd_wrapper pre, -#directorist.atbd_wrapper code, -#directorist.atbd_wrapper kbd, -#directorist.atbd_wrapper samp { - font-family: monospace, monospace; - font-size: 1em; -} -#directorist.atbd_wrapper pre { - margin-top: 0; - margin-bottom: 15px; - overflow: auto; - -ms-overflow-style: scrollbar; -} -#directorist.atbd_wrapper figure { - margin: 0 0 15px; -} -#directorist.atbd_wrapper img { - vertical-align: middle; - border-style: none; -} -#directorist.atbd_wrapper svg:not(:root) { - overflow: hidden; -} -#directorist.atbd_wrapper table { - border-collapse: collapse; -} -#directorist.atbd_wrapper caption { - padding-top: 0.75rem; - padding-bottom: 0.75rem; - color: #6c757d; - text-align: left; - caption-side: bottom; -} -#directorist.atbd_wrapper th { - text-align: inherit; -} -#directorist.atbd_wrapper label { - display: inline-block; - margin-bottom: 8px; -} -#directorist.atbd_wrapper button { - border-radius: 0; -} -#directorist.atbd_wrapper button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; -} -#directorist.atbd_wrapper input, -#directorist.atbd_wrapper button, -#directorist.atbd_wrapper select, -#directorist.atbd_wrapper optgroup, -#directorist.atbd_wrapper textarea { - margin: 0; - font-family: inherit; - font-size: inherit; - line-height: inherit; -} -#directorist.atbd_wrapper button, -#directorist.atbd_wrapper input { - overflow: visible; -} -#directorist.atbd_wrapper button, -#directorist.atbd_wrapper select { - text-transform: none; -} -#directorist.atbd_wrapper button, -#directorist.atbd_wrapper html [type=button], -#directorist.atbd_wrapper [type=reset], -#directorist.atbd_wrapper [type=submit] { - -webkit-appearance: button; -} -#directorist.atbd_wrapper button::-moz-focus-inner, -#directorist.atbd_wrapper [type=button]::-moz-focus-inner, -#directorist.atbd_wrapper [type=reset]::-moz-focus-inner, -#directorist.atbd_wrapper [type=submit]::-moz-focus-inner { - padding: 0; - border-style: none; -} -#directorist.atbd_wrapper input[type=radio], -#directorist.atbd_wrapper input[type=checkbox] { - box-sizing: border-box; - padding: 0; -} -#directorist.atbd_wrapper input[type=date], -#directorist.atbd_wrapper input[type=time], -#directorist.atbd_wrapper input[type=datetime-local], -#directorist.atbd_wrapper input[type=month] { - -webkit-appearance: listbox; -} -#directorist.atbd_wrapper textarea { - overflow: auto; - resize: vertical; -} -#directorist.atbd_wrapper fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; -} -#directorist.atbd_wrapper legend { - display: block; - width: 100%; - max-width: 100%; - padding: 0; - margin-bottom: 8px; - font-size: 22px; - line-height: inherit; - color: inherit; - white-space: normal; -} -#directorist.atbd_wrapper progress { - vertical-align: baseline; -} -#directorist.atbd_wrapper [type=number]::-webkit-inner-spin-button, -#directorist.atbd_wrapper [type=number]::-webkit-outer-spin-button { - height: auto; -} -#directorist.atbd_wrapper [type=search] { - outline-offset: -2px; - -webkit-appearance: none; -} -#directorist.atbd_wrapper [type=search]::-webkit-search-cancel-button, -#directorist.atbd_wrapper [type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} -#directorist.atbd_wrapper ::-webkit-file-upload-button { - font: inherit; - -webkit-appearance: button; -} -#directorist.atbd_wrapper output { - display: inline-block; -} -#directorist.atbd_wrapper summary { - display: list-item; - cursor: pointer; -} -#directorist.atbd_wrapper template { - display: none; -} -#directorist.atbd_wrapper [hidden] { - display: none !important; -} -#directorist.atbd_wrapper .modal-open { - overflow: hidden; -} -#directorist.atbd_wrapper .modal { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1050; - display: none; - overflow: hidden; - outline: 0; -} -.modal-open #directorist.atbd_wrapper .modal { - overflow-x: hidden; - overflow-y: auto; -} -#directorist.atbd_wrapper .modal-dialog { - position: relative; - width: auto; - margin: 0.5rem; - pointer-events: none; -} -.modal.fade #directorist.atbd_wrapper .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -25%); -} -@media screen and (prefers-reduced-motion: reduce) { - .modal.fade #directorist.atbd_wrapper .modal-dialog { - transition: none; - } -} -.modal.show #directorist.atbd_wrapper .modal-dialog { - transform: translate(0, 0); -} -#directorist.atbd_wrapper .modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - (0.5rem * 2)); -} -#directorist.atbd_wrapper .modal-content { - position: relative; - display: flex; - flex-direction: column; - width: 100%; - pointer-events: auto; - background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 0.3rem; - outline: 0; -} -#directorist.atbd_wrapper .modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - background-color: #000; -} -#directorist.atbd_wrapper .modal-backdrop.fade { - opacity: 0; -} -#directorist.atbd_wrapper .modal-backdrop.show { - opacity: 0.5; -} -#directorist.atbd_wrapper .modal-header { - display: flex; - align-items: flex-start; - justify-content: space-between; - padding: 1rem; - border-bottom: 1px solid #e9ecef; - border-top-left-radius: 0.3rem; - border-top-right-radius: 0.3rem; -} -#directorist.atbd_wrapper .modal-header .close { - padding: 1rem; - margin: -1rem -1rem -1rem auto; -} -#directorist.atbd_wrapper .modal-title { - margin-bottom: 0; - line-height: 1.5; -} -#directorist.atbd_wrapper .modal-body { - position: relative; - flex: 1 1 auto; - padding: 1rem; -} -#directorist.atbd_wrapper .modal-footer { - display: flex; - align-items: center; - justify-content: flex-end; - padding: 1rem; - border-top: 1px solid #e9ecef; -} -#directorist.atbd_wrapper .modal-footer > :not(:first-child) { - margin-left: 4px; -} -#directorist.atbd_wrapper .modal-footer > :not(:last-child) { - margin-right: 4px; -} -#directorist.atbd_wrapper .modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; -} -@media (min-width: 576px) { - #directorist.atbd_wrapper .modal-dialog { - max-width: 500px; - margin: 1.75rem auto; - } - #directorist.atbd_wrapper .modal-dialog-centered { - min-height: calc(100% - (1.75rem * 2)); - } - #directorist.atbd_wrapper .modal-sm { - max-width: 300px; - } -} -@media (min-width: 992px) { - #directorist.atbd_wrapper .modal-lg { - max-width: 800px; - } -} -#directorist.atbd_wrapper h1, #directorist.atbd_wrapper h2, #directorist.atbd_wrapper h3, #directorist.atbd_wrapper h4, #directorist.atbd_wrapper h5, #directorist.atbd_wrapper h6, -#directorist.atbd_wrapper .h1, #directorist.atbd_wrapper .h2, #directorist.atbd_wrapper .h3, #directorist.atbd_wrapper .h4, #directorist.atbd_wrapper .h5, #directorist.atbd_wrapper .h6 { - margin-bottom: 0.5rem; - font-family: inherit; - font-weight: 500; - line-height: 1.2; - color: #272b41; -} -#directorist.atbd_wrapper h1, #directorist.atbd_wrapper .h1 { - font-size: 2.5rem; -} -#directorist.atbd_wrapper h2, #directorist.atbd_wrapper .h2 { - font-size: 30px; -} -#directorist.atbd_wrapper h3, #directorist.atbd_wrapper .h3 { - font-size: 1.75rem; -} -#directorist.atbd_wrapper h4, #directorist.atbd_wrapper .h4 { - font-size: 18px; -} -#directorist.atbd_wrapper h5, #directorist.atbd_wrapper .h5 { - font-size: 1.25rem; -} -#directorist.atbd_wrapper h6, #directorist.atbd_wrapper .h6 { - font-size: 1rem; -} -#directorist.atbd_wrapper .lead { - font-size: 1.25rem; - font-weight: 300; -} -#directorist.atbd_wrapper .display-1 { - font-size: 6rem; - font-weight: 300; - line-height: 1.2; -} -#directorist.atbd_wrapper .display-2 { - font-size: 5.5rem; - font-weight: 300; - line-height: 1.2; -} -#directorist.atbd_wrapper .display-3 { - font-size: 4.5rem; - font-weight: 300; - line-height: 1.2; -} -#directorist.atbd_wrapper .display-4 { - font-size: 3.5rem; - font-weight: 300; - line-height: 1.2; -} -#directorist.atbd_wrapper hr { - margin-top: 1rem; - margin-bottom: 1rem; - border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); -} -#directorist.atbd_wrapper small, -#directorist.atbd_wrapper .small { - font-size: 80%; - font-weight: 400; -} -#directorist.atbd_wrapper mark, -#directorist.atbd_wrapper .mark { - padding: 0.2em; - background-color: #fcf8e3; -} -#directorist.atbd_wrapper .list-unstyled { - padding-left: 0; - list-style: none; -} -#directorist.atbd_wrapper .list-inline { - padding-left: 0; - list-style: none; -} -#directorist.atbd_wrapper .list-inline-item { - display: inline-block; -} -#directorist.atbd_wrapper .list-inline-item:not(:last-child) { - margin-right: 0.5rem; -} -#directorist.atbd_wrapper .initialism { - font-size: 90%; - text-transform: uppercase; -} -#directorist.atbd_wrapper .blockquote { - margin-bottom: 1rem; - font-size: 1.25rem; -} -#directorist.atbd_wrapper .blockquote-footer { - display: block; - font-size: 80%; - color: #6c757d; -} -#directorist.atbd_wrapper .blockquote-footer::before { - content: "— "; -}/*# sourceMappingURL=bootstrap.css.map */ \ No newline at end of file diff --git a/assets/src/scss/vendor/bootstrap/bootstrap.scss b/assets/src/scss/vendor/bootstrap/bootstrap.scss deleted file mode 100644 index 3d33c79fb5..0000000000 --- a/assets/src/scss/vendor/bootstrap/bootstrap.scss +++ /dev/null @@ -1,15 +0,0 @@ -@import "config.bs"; -#directorist.atbd_wrapper{ - @import "scss/grid"; - @import "scss/buttons"; - @import "scss/forms"; - @import "scss/alert"; - @import "scss/dropdown"; - @import "scss/nav"; - @import "scss/tables"; - @import "scss/reboot"; - @import "scss/modal"; - @import "scss/type"; -} - - diff --git a/assets/src/scss/vendor/bootstrap/config.bs.css b/assets/src/scss/vendor/bootstrap/config.bs.css deleted file mode 100644 index e4f666e464..0000000000 --- a/assets/src/scss/vendor/bootstrap/config.bs.css +++ /dev/null @@ -1 +0,0 @@ -/* typography *//*# sourceMappingURL=config.bs.css.map */ \ No newline at end of file diff --git a/assets/src/scss/vendor/bootstrap/config.bs.scss b/assets/src/scss/vendor/bootstrap/config.bs.scss deleted file mode 100644 index 6a587aa67c..0000000000 --- a/assets/src/scss/vendor/bootstrap/config.bs.scss +++ /dev/null @@ -1,79 +0,0 @@ -// this file contains the configuration -// for customizing bootstrap, -// and other theme components -@import "scss/functions"; -@import "scss/mixins"; -@import "scss/variables"; - -$font-size-base: 15px; -// theme color -$light-gray: #9192a3; -$primary: #444752; -$secondary: #122069; -$success: #00AC17; -$info: #2C99FF; -$warning: #EF8000; -$danger: #EF0000; -$dark: #202428; -$light: #9497A7; -$gray: #525768; -$body-color: #5a6671; -$theme-colors: (); - -// other colors -$overlay-color: #20232e; -$text-color: #7a82a6; -$badge-open: #32cc6f; -$badge-feature: #fa8b0c; -$badge-popular: #f51957; -$border-color: #EFF1F6; -$border-color-normal: #ececec; -$border-color-light: #c6d0dc; -$bg-normal: #F9F9F9; -$bg-light: #F4F5F6; -$bg-light-gray: #EEF1F3; -$rating-color: #fa8b0c; - -// System Status Variable -$ss-gray: #5a5f7d; -$ss-primary: #3e62f5; -$ss-success: #00bc5e; -$ss-dark: #272b41; -$ss-light: #868eae; -$ss-border-normal: #f1f2f6; -$ss-border-light: #e3e6ef; -$ss-border-gray: #c6d0dc; -$ss-bg-normal: #fbfbfb; -$ss-bg-light: #f8f9fb; -$ss-bg-lighter: #f4f5f7; -// link -$link-hover-decoration: none; -$link-color: $text-color; -$link-hover-color: $primary; - -$box-shadow-sm: 0 5px 0.8px rgba(#a7b2c7, 0.1); -$box-shadow: 0 5px 20px rgba(#a7b2c7, 0.3); -$box-shadow-lg: 0 1rem 3rem rgba($black, 0.175); - -// Button -$btn-line-height: 27px; -$other-colors: ( - "badge-feature": $badge-feature, - "badge-popular": $badge-popular, -); - -$btn-padding-y: 5px; -$btn-padding-x: 15px; - -// forms -$input-height: 44px; -$input-border-color: #dbdaf7; -$label-margin-bottom: 8px; -$input-btn-padding-y: 20px; -/* typography */ -//$headings-font-family: 'Roboto', sans-serif; -//$atbd-font-family: 'Roboto', sans-serif; -$headings-color: #272b41; -$h2-font-size: 30px; -$h4-font-size: 18px; -@import "scss/variables"; diff --git a/assets/src/scss/vendor/bootstrap/scss/_alert.scss b/assets/src/scss/vendor/bootstrap/scss/_alert.scss deleted file mode 100644 index dd43e2376a..0000000000 --- a/assets/src/scss/vendor/bootstrap/scss/_alert.scss +++ /dev/null @@ -1,51 +0,0 @@ -// -// Base styles -// - -.alert { - position: relative; - padding: $alert-padding-y $alert-padding-x; - margin-bottom: $alert-margin-bottom; - border: $alert-border-width solid transparent; - @include border-radius($alert-border-radius); -} - -// Headings for larger alerts -.alert-heading { - // Specified to prevent conflicts of changing $headings-color - color: inherit; -} - -// Provide class for links that match alerts -.alert-link { - font-weight: $alert-link-font-weight; -} - - -// Dismissible alerts -// -// Expand the right padding and account for the close button's positioning. - -.alert-dismissible { - padding-right: ($close-font-size + $alert-padding-x * 2); - - // Adjust close link position - .close { - position: absolute; - top: 0; - right: 0; - padding: $alert-padding-y $alert-padding-x; - color: inherit; - } -} - - -// Alternate styles -// -// Generate contextual modifier classes for colorizing the alert. - -@each $color, $value in $theme-colors { - .alert-#{$color} { - @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level)); - } -} diff --git a/assets/src/scss/vendor/bootstrap/scss/_badge.scss b/assets/src/scss/vendor/bootstrap/scss/_badge.scss deleted file mode 100644 index b87a1b0049..0000000000 --- a/assets/src/scss/vendor/bootstrap/scss/_badge.scss +++ /dev/null @@ -1,47 +0,0 @@ -// Base class -// -// Requires one of the contextual, color modifier classes for `color` and -// `background-color`. - -.badge { - display: inline-block; - padding: $badge-padding-y $badge-padding-x; - font-size: $badge-font-size; - font-weight: $badge-font-weight; - line-height: 1; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - @include border-radius($badge-border-radius); - - // Empty badges collapse automatically - &:empty { - display: none; - } -} - -// Quick fix for badges in buttons -.btn .badge { - position: relative; - top: -1px; -} - -// Pill badges -// -// Make them extra rounded with a modifier to replace v3's badges. - -.badge-pill { - padding-right: $badge-pill-padding-x; - padding-left: $badge-pill-padding-x; - @include border-radius($badge-pill-border-radius); -} - -// Colors -// -// Contextual variations (linked badges get darker on :hover). - -@each $color, $value in $theme-colors { - .badge-#{$color} { - @include badge-variant($value); - } -} diff --git a/assets/src/scss/vendor/bootstrap/scss/_breadcrumb.scss b/assets/src/scss/vendor/bootstrap/scss/_breadcrumb.scss deleted file mode 100644 index be30950690..0000000000 --- a/assets/src/scss/vendor/bootstrap/scss/_breadcrumb.scss +++ /dev/null @@ -1,41 +0,0 @@ -.breadcrumb { - display: flex; - flex-wrap: wrap; - padding: $breadcrumb-padding-y $breadcrumb-padding-x; - margin-bottom: $breadcrumb-margin-bottom; - list-style: none; - background-color: $breadcrumb-bg; - @include border-radius($breadcrumb-border-radius); -} - -.breadcrumb-item { - // The separator between breadcrumbs (by default, a forward-slash: "/") - + .breadcrumb-item { - padding-left: $breadcrumb-item-padding; - - &::before { - display: inline-block; // Suppress underlining of the separator in modern browsers - padding-right: $breadcrumb-item-padding; - color: $breadcrumb-divider-color; - content: $breadcrumb-divider; - } - } - - // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built - // without `
    + + + How to + get my + access + key? + +
    +
    + +
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    +

    You’re on Directorist 1-Year Premium + membership +

    +
    +
    + + + + + + Your membership plan has expired. Renew now to continue receiving updates. +
    +
    + + + + + + + + + + + + 1-Year Membership +
    +
    + + + + Next payment: May 20, + 2025 +
    +
    + + + + + Upgrade to Lifetime + +
    +
    +
    + author +
    +
    +
    +
    + + + + +
    +
    + BdR**********poWer98 +
    +
    +
    +
    + author +
    +
    +
    Brooklyn Simmons
    +
    aazztech3@gmail.com
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    + 0 +
    +
    + Active Extensions +
    +
    +
    +
    +
    +
    + 06 +
    +
    + Available Extensions +
    +
    +
    +
    +
    +
    + 04 +
    +
    + Available Templates +
    +
    +
    +
    +
    +
    + 06 +
    +
    + Update Available +
    + +
    +
    +
    +
    + +
    +
    +
    +
    +
      +
    • + +
    • +
    • + +
    • +
    +
    +
    + + +
    +
    +
    +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    Directorist Ads Manager

    +
    +

    + Directorist Ads Manager allows you to insert advertisements on specific + Directorist + pages. +

    +
    + +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    Directorist Oxygen

    +
    +

    + Integrate the giant Directorist with the popular Oxygen Page Builder + plugin. +

    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    Digital Marketplace

    +
    +

    + Create a marketplace of fixed-price services or digital downloads. +

    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    + Directorist templates +
    +
    + +
    + Latest +
    +
    +
    +
    +

    Listings with Map

    +
    +

    + Listings with the interactive maps and make business visible widely. +

    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    Listings with Map

    +
    +

    + Listings with the interactive maps and make business visible widely. +

    +
    + Update available +
    +
    +
    +
    + +
    + + + + Docs +
    +
    + Update
    +
    +
    +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    Listings with Map

    +
    +

    + Listings with the interactive maps and make business visible widely. +

    +
    + + + + Updating... +
    +
    +
    +
    + +
    + + + + Docs +
    +
    + Update
    +
    +
    +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    Listings with Map

    +
    +

    + Listings with the interactive maps and make business visible widely. +

    +
    + + + + Updated +
    +
    +
    +
    + +
    + + + + Docs +
    +
    +
    +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    Listings with Map

    +
    +

    + Listings with the interactive maps and make business visible widely. +

    +
    + + + + + + + + + + + Update failed +
    +
    +
    +
    + +
    + + + + Docs +
    +
    + Update
    +
    +
    +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    Listings with Map active +

    +
    +

    + Listings with the interactive maps and make business visible widely. +

    +
    +
    +
    + +
    + + + + Docs +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    dHotels

    +
    +

    + The Best Hotel Directory WordPress Theme for listing business. +

    +
    + +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    dClassified

    +
    +

    + The Best Classified Ads WordPress Theme for Classified Listing Business +

    +
    + +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    dJobs

    +
    +

    + The Best Classified Ads WordPress Theme for Classified Listing Business +

    +
    + +
    +
    +
    + +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    Directorist Ads Manager

    +
    +

    + Directorist Ads Manager allows you to insert advertisements on specific + Directorist + pages. +

    +
    + +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    Directorist Oxygen

    +
    +

    + Integrate the giant Directorist with the popular Oxygen Page Builder + plugin. +

    +
    + +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    Digital Marketplace

    +
    +

    + Create a marketplace of fixed-price services or digital downloads. +

    +
    + +
    +
    +
    +
    +
    + Directorist templates +
    +
    + +
    + Latest +
    +
    +
    +
    +

    Listings with Map

    +
    +

    + Listings with the interactive maps and make business visible widely. +

    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    dHotels

    +
    +

    + The Best Hotel Directory WordPress Theme for listing business. +

    +
    + +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    + dClassified + active +

    +
    +

    + The Best Classified Ads WordPress Theme for Classified Listing Business +

    +
    + +
    +
    +
    +
    +
    + Directorist templates +
    +
    +
    +

    dJobs

    +
    +

    + The Best Classified Ads WordPress Theme for Classified Listing Business +

    +
    + +
    +
    +
    + +
    +
    + +
    +
    +
    +
    +
    + + + + +
    +
    +
    +
    + 4/12 Extension Updated (34%) +
    + +
    +
    +
    + + + + Update in progress. Please, Do not close the window. +
    +
      +
    • +
      +
      + +
      +
      +
      +
      + Directorist Ads Manager +
      +
      + + + + Updated +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + + + + Updating... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + + + + + + + + + + + Update failed +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    +
    + +
    +
    + \ No newline at end of file diff --git a/includes/licensing/package-lock.json b/includes/licensing/package-lock.json new file mode 100644 index 0000000000..e4acb7424a --- /dev/null +++ b/includes/licensing/package-lock.json @@ -0,0 +1,738 @@ +{ + "name": "sass-compile", + "version": "1.0.0", + "lockfileVersion": 2, + "requires": true, + "packages": { + "": { + "name": "sass-compile", + "version": "1.0.0", + "license": "ISC", + "devDependencies": { + "sass": "^1.83.4" + } + }, + "node_modules/@parcel/watcher": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz", + "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "dependencies": { + "detect-libc": "^1.0.3", + "is-glob": "^4.0.3", + "micromatch": "^4.0.5", + "node-addon-api": "^7.0.0" + }, + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.5.1", + "@parcel/watcher-darwin-arm64": "2.5.1", + "@parcel/watcher-darwin-x64": "2.5.1", + "@parcel/watcher-freebsd-x64": "2.5.1", + "@parcel/watcher-linux-arm-glibc": "2.5.1", + "@parcel/watcher-linux-arm-musl": "2.5.1", + "@parcel/watcher-linux-arm64-glibc": "2.5.1", + "@parcel/watcher-linux-arm64-musl": "2.5.1", + "@parcel/watcher-linux-x64-glibc": "2.5.1", + "@parcel/watcher-linux-x64-musl": "2.5.1", + "@parcel/watcher-win32-arm64": "2.5.1", + "@parcel/watcher-win32-ia32": "2.5.1", + "@parcel/watcher-win32-x64": "2.5.1" + } + }, + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz", + "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz", + "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz", + "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-freebsd-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz", + "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz", + "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz", + "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz", + "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz", + "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz", + "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz", + "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz", + "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-ia32": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz", + "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz", + "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "dev": true, + "optional": true, + "dependencies": { + "fill-range": "^7.1.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", + "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", + "dev": true, + "dependencies": { + "readdirp": "^4.0.1" + }, + "engines": { + "node": ">= 14.16.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", + "dev": true, + "optional": true, + "bin": { + "detect-libc": "bin/detect-libc.js" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "dev": true, + "optional": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/immutable": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.0.3.tgz", + "integrity": "sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==", + "dev": true + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "optional": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "optional": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "optional": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "dev": true, + "optional": true, + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "dev": true, + "optional": true + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "optional": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/readdirp": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.1.tgz", + "integrity": "sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==", + "dev": true, + "engines": { + "node": ">= 14.18.0" + }, + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/sass": { + "version": "1.83.4", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.83.4.tgz", + "integrity": "sha512-B1bozCeNQiOgDcLd33e2Cs2U60wZwjUUXzh900ZyQF5qUasvMdDZYbQ566LJu7cqR+sAHlAfO6RMkaID5s6qpA==", + "dev": true, + "dependencies": { + "chokidar": "^4.0.0", + "immutable": "^5.0.2", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + }, + "optionalDependencies": { + "@parcel/watcher": "^2.4.1" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "optional": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + } + }, + "dependencies": { + "@parcel/watcher": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz", + "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==", + "dev": true, + "optional": true, + "requires": { + "@parcel/watcher-android-arm64": "2.5.1", + "@parcel/watcher-darwin-arm64": "2.5.1", + "@parcel/watcher-darwin-x64": "2.5.1", + "@parcel/watcher-freebsd-x64": "2.5.1", + "@parcel/watcher-linux-arm-glibc": "2.5.1", + "@parcel/watcher-linux-arm-musl": "2.5.1", + "@parcel/watcher-linux-arm64-glibc": "2.5.1", + "@parcel/watcher-linux-arm64-musl": "2.5.1", + "@parcel/watcher-linux-x64-glibc": "2.5.1", + "@parcel/watcher-linux-x64-musl": "2.5.1", + "@parcel/watcher-win32-arm64": "2.5.1", + "@parcel/watcher-win32-ia32": "2.5.1", + "@parcel/watcher-win32-x64": "2.5.1", + "detect-libc": "^1.0.3", + "is-glob": "^4.0.3", + "micromatch": "^4.0.5", + "node-addon-api": "^7.0.0" + } + }, + "@parcel/watcher-android-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz", + "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==", + "dev": true, + "optional": true + }, + "@parcel/watcher-darwin-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz", + "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==", + "dev": true, + "optional": true + }, + "@parcel/watcher-darwin-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz", + "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==", + "dev": true, + "optional": true + }, + "@parcel/watcher-freebsd-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz", + "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==", + "dev": true, + "optional": true + }, + "@parcel/watcher-linux-arm-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz", + "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==", + "dev": true, + "optional": true + }, + "@parcel/watcher-linux-arm-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz", + "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==", + "dev": true, + "optional": true + }, + "@parcel/watcher-linux-arm64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz", + "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==", + "dev": true, + "optional": true + }, + "@parcel/watcher-linux-arm64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz", + "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==", + "dev": true, + "optional": true + }, + "@parcel/watcher-linux-x64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz", + "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==", + "dev": true, + "optional": true + }, + "@parcel/watcher-linux-x64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz", + "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==", + "dev": true, + "optional": true + }, + "@parcel/watcher-win32-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz", + "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==", + "dev": true, + "optional": true + }, + "@parcel/watcher-win32-ia32": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz", + "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==", + "dev": true, + "optional": true + }, + "@parcel/watcher-win32-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz", + "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==", + "dev": true, + "optional": true + }, + "braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "dev": true, + "optional": true, + "requires": { + "fill-range": "^7.1.1" + } + }, + "chokidar": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", + "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", + "dev": true, + "requires": { + "readdirp": "^4.0.1" + } + }, + "detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", + "dev": true, + "optional": true + }, + "fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "dev": true, + "optional": true, + "requires": { + "to-regex-range": "^5.0.1" + } + }, + "immutable": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.0.3.tgz", + "integrity": "sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==", + "dev": true + }, + "is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "optional": true + }, + "is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "optional": true, + "requires": { + "is-extglob": "^2.1.1" + } + }, + "is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "optional": true + }, + "micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "dev": true, + "optional": true, + "requires": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + } + }, + "node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "dev": true, + "optional": true + }, + "picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "optional": true + }, + "readdirp": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.1.tgz", + "integrity": "sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==", + "dev": true + }, + "sass": { + "version": "1.83.4", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.83.4.tgz", + "integrity": "sha512-B1bozCeNQiOgDcLd33e2Cs2U60wZwjUUXzh900ZyQF5qUasvMdDZYbQ566LJu7cqR+sAHlAfO6RMkaID5s6qpA==", + "dev": true, + "requires": { + "@parcel/watcher": "^2.4.1", + "chokidar": "^4.0.0", + "immutable": "^5.0.2", + "source-map-js": ">=0.6.2 <2.0.0" + } + }, + "source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true + }, + "to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "optional": true, + "requires": { + "is-number": "^7.0.0" + } + } + } +} diff --git a/includes/licensing/package.json b/includes/licensing/package.json new file mode 100644 index 0000000000..c5b02300a6 --- /dev/null +++ b/includes/licensing/package.json @@ -0,0 +1,15 @@ +{ + "name": "sass-compile", + "version": "1.0.0", + "description": "A simple sass compile config.", + "main": "index.js", + "scripts": { + "dev": "sass --watch --update --style=expanded assets/scss/style.scss:assets/style.css", + "prod": "sass --no-source-map --style=compressed assets/scss:assets/css" + }, + "author": "Adam", + "license": "ISC", + "devDependencies": { + "sass": "^1.83.4" + } +} diff --git a/includes/licensing/utils/Formatter.php b/includes/licensing/utils/Formatter.php new file mode 100644 index 0000000000..077c424ec3 --- /dev/null +++ b/includes/licensing/utils/Formatter.php @@ -0,0 +1,16 @@ +Free'; + } + + return sprintf( + '$%s /year ', + esc_html( $price ) + ); + } +} \ No newline at end of file diff --git a/includes/licensing/utils/Helper.php b/includes/licensing/utils/Helper.php new file mode 100644 index 0000000000..5d5ab20cab --- /dev/null +++ b/includes/licensing/utils/Helper.php @@ -0,0 +1,44 @@ +editor->is_edit_mode() || + Plugin::instance()->preview->is_preview_mode() || + is_preview() ); + } + + public static function log( $data, string $prefix = '' ): void { + $_data = ''; + if ( is_array( $data ) || is_object( $data ) ) { + $_data = print_r( $data, true ); + } else { + $_data = $data; + } + + if ( $prefix ) { + error_log( $prefix . ':' . $_data ); + } else { + error_log( $_data ); + } + } + + public static function get_ip(): string { + $ip = '127.0.0.1'; // Local IP + if ( ! empty( $_SERVER['HTTP_CLIENT_IP'] ) ) { + $ip = sanitize_text_field( $_SERVER['HTTP_CLIENT_IP'] ); + } elseif ( ! empty( $_SERVER['HTTP_X_FORWARDED_FOR'] ) ) { + $ip = sanitize_text_field( $_SERVER['HTTP_X_FORWARDED_FOR'] ); + } else { + $ip = ! empty( $_SERVER['REMOTE_ADDR'] ) ? sanitize_text_field( $_SERVER['REMOTE_ADDR'] ) : $ip; + } + + return $ip; + } +} diff --git a/includes/licensing/utils/Http.php b/includes/licensing/utils/Http.php new file mode 100644 index 0000000000..9fe19a7eec --- /dev/null +++ b/includes/licensing/utils/Http.php @@ -0,0 +1,88 @@ +url( $url ); + $this->body( $body ); + $this->headers( $headers ); + } + + public function url( string $url = '' ) { + $this->url = $url ?? $this->url; + + return $this; + } + + public function headers( array $args = [] ) { + $_headers = $this->headers ?? [ + 'Content-Type' => 'application/json', + 'x-directorist-ip' => Helper::get_ip(), + 'x-directorist-url' => home_url( '/' ), + ]; + + $this->headers = wp_parse_args( $args, $_headers ); + + return $this; + } + + public function body( array $args = [] ) { + $args['time'] = time(); + $args['version'] = ATBDP_VERSION; + $args['domain'] = home_url( '/' ); + $this->body = $args ?? $this->body; + + return $this; + } + + public function post() { + $args = [ + 'headers' => $this->headers, + 'body' => wp_json_encode( $this->body ), + 'timeout' => 120, + ]; + + $this->response = wp_remote_post( + $this->url, + $args + ); + + return $this; + } + + public function get() { + $this->response = wp_remote_get( + $this->url, + [ + 'headers' => $this->headers, + 'body' => $this->body, + ] + ); + + return $this; + } + + public function response() { + return $this->response; + } + + public function log() { + Helper::log( $this->url, 'URL' ); + Helper::log( $this->headers, 'HEADERS' ); + Helper::log( $this->body, 'ARGS' ); + + Helper::log( 'RAW RESPONSE: ' ); + Helper::log( $this->response ); + Helper::log( 'END RAW RESPONSE' ); + + return $this; + } +} \ No newline at end of file diff --git a/includes/licensing/utils/init.php b/includes/licensing/utils/init.php new file mode 100644 index 0000000000..7541915b28 --- /dev/null +++ b/includes/licensing/utils/init.php @@ -0,0 +1,11 @@ + + +
    +
    +
    + +

    + + + + + +

    + +
    + + + + +
    + + + + + + +
    + +
    + + + + + + + + + + + + + + +
    + + + +
    + + + + +
    + + + + + + +
    + + + + + + + + + + +
    +
    +
    + ID, 100 ) ?> +
    +
    + +
    +
    + + + + +
    +
    + +
    +
    + +
    +
    + ID, 100 ); ?> +
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    +
    + +
    + +
    + +
    + +
    + + + + + +
    +
    +
    +
    + +
    \ No newline at end of file diff --git a/includes/licensing/views/insert b/includes/licensing/views/insert new file mode 100644 index 0000000000..e69de29bb2 diff --git a/includes/licensing/views/main.php b/includes/licensing/views/main.php new file mode 100644 index 0000000000..dfab59d8e9 --- /dev/null +++ b/includes/licensing/views/main.php @@ -0,0 +1,33 @@ + + + + + + +
    +
    +
    +
    + + + + + + + + + + + +
    +
    +
    + + + +
    \ No newline at end of file diff --git a/includes/licensing/views/modal.php b/includes/licensing/views/modal.php new file mode 100644 index 0000000000..23941ff15a --- /dev/null +++ b/includes/licensing/views/modal.php @@ -0,0 +1,14 @@ + \ No newline at end of file diff --git a/includes/licensing/views/not-connected.php b/includes/licensing/views/not-connected.php new file mode 100644 index 0000000000..259465a190 --- /dev/null +++ b/includes/licensing/views/not-connected.php @@ -0,0 +1,256 @@ +
    +
    +
    +
    +
    +
    + ID, 100 ) ?> +
    +
    +
    + + display_name; ?> +
    +

    + +

    +
    +
    +
    +

    + + + + +

    +
    + $134 + / year +
    +

    Save 25% with + annual billing +

    + +
    +
    + + + + + + 4.7
    + (from 630+ reviews) +
    + +
    + + + + + + + +
    +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    +

    All Access Pass

    +

    Get unlimited access to all templates and plugins.

    +
    +
    +
    +
    +
    +
    + + + + + + + + + + +
    +
    +

    Premium Features

    +

    Access to exclusive premium features and tools.

    +
    +
    +
    +
    +
    +
    + + + +
    +
    +

    Regular Updates

    +

    Stay up-to-date with the latest features & security updates. +

    +
    +
    +
    +
    + +
    +
    + + + +
    +
    +

    Premium Features

    +

    Access to exclusive premium features and tools.

    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    \ No newline at end of file diff --git a/includes/licensing/views/notes.tx b/includes/licensing/views/notes.tx new file mode 100644 index 0000000000..f91df9a597 --- /dev/null +++ b/includes/licensing/views/notes.tx @@ -0,0 +1,6 @@ +Install the Templatiq to Get Started +To insert the templates, you'll need to install the Templatiq first. +Here’s how: +- Click the Install Templatiq button below. +- The plugin will be automatically installed and activated. +- Once activated, you'll be redirected to the Templatiq library. diff --git a/includes/licensing/views/templates-extensions.php b/includes/licensing/views/templates-extensions.php new file mode 100644 index 0000000000..2cb60532dd --- /dev/null +++ b/includes/licensing/views/templates-extensions.php @@ -0,0 +1,72 @@ + + +
    +
    +
    +
      +
    • + +
    • +
    • + +
    • +
    +
    + +
    + +
    + +
    + +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    \ No newline at end of file diff --git a/includes/licensing/views/top-header.php b/includes/licensing/views/top-header.php new file mode 100644 index 0000000000..8bbaf9a931 --- /dev/null +++ b/includes/licensing/views/top-header.php @@ -0,0 +1,59 @@ +
    +
    +
    + +
    + +
    +
    \ No newline at end of file diff --git a/includes/licensing/views/update-all.php b/includes/licensing/views/update-all.php new file mode 100644 index 0000000000..42de99807b --- /dev/null +++ b/includes/licensing/views/update-all.php @@ -0,0 +1,352 @@ +
    +
    +
    +

    + +

    + +
    +
    +
    + +
    + +
      +

      +
    • Click the Install Templatiq button below.
    • +
    • The plugin will be automatically installed and activated.
    • +
    • Once activated, you'll be redirected to the Templatiq library.
    • +
    +
    + +
    +
    + +
    +
    +
    +
    + 4/12 Extension Updated (34%) +
    + +
    +
    +
    + + + + Update in progress. Please, Do not close the window. +
    +
      +
    • +
      +
      + +
      +
      +
      +
      + Directorist Ads Manager +
      +
      + + + + Updated +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + + + + Updating... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + + + + + + + + + + + Update failed +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    • +
      +
      + +
      +
      +
      +
      + Directorist Oxygen +
      +
      + Waiting... +
      +
      +
      +
      +
      +
      +
      +
      +
    • +
    +
    + +
    +
    \ No newline at end of file diff --git a/includes/rest-api/Version1/class-listings-actions-controller.php b/includes/rest-api/Version1/class-listings-actions-controller.php index 9f2b711f67..f71295129b 100644 --- a/includes/rest-api/Version1/class-listings-actions-controller.php +++ b/includes/rest-api/Version1/class-listings-actions-controller.php @@ -43,7 +43,17 @@ public function register_routes() { 'id' => array( 'type' => 'string', 'description' => __( 'Action identifier.', 'directorist' ), - 'enum' => array( 'report', 'contact' ), + /** + * Filters the allowed enum values for the REST API 'id' parameter. + * + * This allows developers to add or modify the list of allowed actions + * for the REST endpoint. + * + * @since 8.4 + * + * @param array $actions List of allowed actions. + */ + 'enum' => apply_filters( 'directorist_rest_listing_actions', array( 'report', 'contact' ) ), 'required' => true, ), ) diff --git a/languages/directorist.pot b/languages/directorist.pot index d7f406f90f..17f57715c8 100644 --- a/languages/directorist.pot +++ b/languages/directorist.pot @@ -6,7 +6,11 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" +<<<<<<< HEAD "POT-Creation-Date: 2025-05-15 04:51+0000\n" +======= +"POT-Creation-Date: 2025-04-07 06:03+0000\n" +>>>>>>> dfda0415b (Development (#2325)) "X-Poedit-Basepath: ..\n" "X-Poedit-KeywordsList: __;_e;_ex:1,2c;_n:1,2;_n_noop:1,2;_nx:1,2,4c;_nx_noop:1,2,3c;_x:1,2c;esc_attr__;esc_attr_e;esc_attr_x:1,2c;esc_html__;esc_html_e;esc_html_x:1,2c\n" "X-Poedit-SearchPath-0: .\n" @@ -55,6 +59,7 @@ msgstr "" msgid "Account" msgstr "" +<<<<<<< HEAD #: ../blocks/templates/login.php:13, ../blocks/templates/login.php:115, ../blocks/templates/signin-signup.php:37, ../includes/classes/class-settings-panel.php:3057, ../includes/model/Account.php:68 msgid "Username or Email Address" msgstr "" @@ -76,6 +81,29 @@ msgid "Recover Password" msgstr "" #: ../blocks/templates/login.php:20, ../blocks/templates/login.php:122, ../blocks/templates/signin-signup.php:44, ../includes/classes/class-settings-panel.php:3131, ../includes/model/Account.php:75 +======= +#: ../blocks/templates/login.php:13, ../blocks/templates/login.php:115, ../blocks/templates/signin-signup.php:37, ../includes/classes/class-settings-panel.php:3349, ../includes/model/Account.php:68 +msgid "Username or Email Address" +msgstr "" + +#: ../blocks/templates/login.php:14, ../blocks/templates/login.php:116, ../blocks/templates/registration.php:17, ../blocks/templates/signin-signup.php:11, ../includes/classes/class-settings-panel.php:3111, ../includes/classes/class-settings-panel.php:3354, ../includes/classes/class-settings-panel.php:4172, ../includes/classes/class-settings-panel.php:4270, ../includes/model/Account.php:42 +msgid "Password" +msgstr "" + +#: ../blocks/templates/login.php:16, ../blocks/templates/login.php:118, ../includes/classes/class-settings-panel.php:3364 +msgid "Remember Me" +msgstr "" + +#: ../blocks/templates/login.php:17, ../blocks/templates/login.php:119, ../includes/classes/class-settings-panel.php:3375 +msgid "Log In" +msgstr "" + +#: ../blocks/templates/login.php:19, ../blocks/templates/login.php:121, ../includes/classes/class-settings-panel.php:3412, ../includes/classes/class-settings-panel.php:4298 +msgid "Recover Password" +msgstr "" + +#: ../blocks/templates/login.php:20, ../blocks/templates/login.php:122, ../blocks/templates/signin-signup.php:44, ../includes/classes/class-settings-panel.php:3423, ../includes/model/Account.php:75 +>>>>>>> dfda0415b (Development (#2325)) msgid "Lost your password? Please enter your email address. You will receive a link to create a new password via email." msgstr "" @@ -83,6 +111,7 @@ msgstr "" msgid "E-mail:" msgstr "" +<<<<<<< HEAD #: ../blocks/templates/login.php:22, ../blocks/templates/login.php:124, ../blocks/templates/signin-signup.php:46, ../includes/classes/class-settings-panel.php:3153, ../includes/model/Account.php:77 msgid "eg. mail@example.com" msgstr "" @@ -96,6 +125,21 @@ msgid "Don't have an account?" msgstr "" #: ../blocks/templates/login.php:26, ../blocks/templates/login.php:128, ../blocks/templates/registration.php:33, ../blocks/templates/signin-signup.php:31, ../blocks/templates/signin-signup.php:40, ../includes/classes/class-settings-panel.php:3013, ../includes/classes/class-settings-panel.php:3104, ../includes/model/Account.php:62, ../includes/model/Account.php:71 +======= +#: ../blocks/templates/login.php:22, ../blocks/templates/login.php:124, ../blocks/templates/signin-signup.php:46, ../includes/classes/class-settings-panel.php:3445, ../includes/model/Account.php:77 +msgid "eg. mail@example.com" +msgstr "" + +#: ../blocks/templates/login.php:23, ../blocks/templates/login.php:125, ../blocks/templates/signin-signup.php:47, ../includes/classes/class-settings-panel.php:3456, ../includes/model/Account.php:78 +msgid "Get New Password" +msgstr "" + +#: ../blocks/templates/login.php:24, ../blocks/templates/login.php:126, ../blocks/templates/signin-signup.php:39, ../includes/classes/class-settings-panel.php:3385, ../includes/model/Account.php:70 +msgid "Don't have an account?" +msgstr "" + +#: ../blocks/templates/login.php:26, ../blocks/templates/login.php:128, ../blocks/templates/registration.php:33, ../blocks/templates/signin-signup.php:31, ../blocks/templates/signin-signup.php:40, ../includes/classes/class-settings-panel.php:3305, ../includes/classes/class-settings-panel.php:3396, ../includes/model/Account.php:62, ../includes/model/Account.php:71 +>>>>>>> dfda0415b (Development (#2325)) msgid "Sign Up" msgstr "" @@ -119,10 +163,10 @@ msgstr "" #. translators: %1$s: site name, %1$s: user name, %3$s: password reset link #: ../blocks/templates/login.php:215 msgid "" -"Someone has requested a password reset for the following account:\n" -" Site name: %1$s\n" -" User name: %2$s\n" -" To reset your password, please click on the Reset Password.
    \n" +"Someone has requested a password reset for the following account: \n" +" Site name: %1$s \n" +" User name: %2$s \n" +" To reset your password, please click on the Reset Password.
    \n" " If this was a mistake, just ignore this email and nothing will happen." msgstr "" @@ -178,6 +222,7 @@ msgstr "" msgid "Log Out" msgstr "" +<<<<<<< HEAD #: ../blocks/templates/registration.php:16, ../blocks/templates/signin-signup.php:9, ../includes/classes/class-settings-panel.php:2809, ../includes/classes/class-settings-panel.php:3873, ../includes/classes/class-settings-panel.php:3971, ../includes/model/Account.php:40 msgid "Username" msgstr "" @@ -199,6 +244,29 @@ msgid "Last Name" msgstr "" #: ../blocks/templates/registration.php:31, ../blocks/templates/signin-signup.php:23, ../includes/classes/class-settings-panel.php:2932, ../includes/model/Account.php:54 +======= +#: ../blocks/templates/registration.php:16, ../blocks/templates/signin-signup.php:9, ../includes/classes/class-settings-panel.php:3101, ../includes/classes/class-settings-panel.php:4165, ../includes/classes/class-settings-panel.php:4263, ../includes/model/Account.php:40 +msgid "Username" +msgstr "" + +#: ../blocks/templates/registration.php:20, ../includes/classes/class-settings-panel.php:1866, ../includes/classes/class-settings-panel.php:3133, ../includes/classes/class-settings-panel.php:4179, ../includes/classes/class-settings-panel.php:4357, ../includes/model/SingleListing.php:704, ../includes/review/class-comment-form-renderer.php:229, ../includes/modules/multi-directory-setup/class-builder-data.php:383, ../includes/modules/multi-directory-setup/class-builder-data.php:534, ../includes/modules/multi-directory-setup/class-builder-data.php:541, ../includes/modules/multi-directory-setup/class-multi-directory-manager.php:215, ../templates/single-reviews.php:119, ../templates/widgets/contact-form.php:19 +msgid "Email" +msgstr "" + +#: ../blocks/templates/registration.php:22, ../blocks/templates/signin-signup.php:14, ../includes/classes/class-settings-panel.php:1874, ../includes/classes/class-settings-panel.php:3143, ../includes/classes/class-settings-panel.php:4186, ../includes/model/Account.php:45, ../includes/review/class-comment-form-renderer.php:243, ../includes/modules/multi-directory-setup/class-builder-data.php:417, ../templates/single-reviews.php:134, ../templates/dashboard/tab-profile.php:105 +msgid "Website" +msgstr "" + +#: ../blocks/templates/registration.php:25, ../blocks/templates/signin-signup.php:17, ../includes/classes/class-settings-panel.php:3170, ../includes/classes/class-settings-panel.php:4193, ../includes/model/Account.php:48, ../templates/dashboard/tab-profile.php:65 +msgid "First Name" +msgstr "" + +#: ../blocks/templates/registration.php:28, ../blocks/templates/signin-signup.php:20, ../includes/classes/class-settings-panel.php:3197, ../includes/classes/class-settings-panel.php:4200, ../includes/model/Account.php:51, ../templates/dashboard/tab-profile.php:73 +msgid "Last Name" +msgstr "" + +#: ../blocks/templates/registration.php:31, ../blocks/templates/signin-signup.php:23, ../includes/classes/class-settings-panel.php:3224, ../includes/model/Account.php:54 +>>>>>>> dfda0415b (Development (#2325)) msgid "About/bio" msgstr "" @@ -210,6 +278,7 @@ msgstr "" msgid "Here" msgstr "" +<<<<<<< HEAD #: ../blocks/templates/registration.php:38, ../blocks/templates/signin-signup.php:29, ../includes/classes/class-settings-panel.php:2986, ../includes/model/Account.php:60 msgid "I agree with all" msgstr "" @@ -223,6 +292,21 @@ msgid "I agree to the" msgstr "" #: ../blocks/templates/registration.php:43, ../blocks/templates/signin-signup.php:27, ../includes/classes/class-settings-panel.php:2970, ../includes/model/Account.php:58, ../includes/model/ListingForm.php:530 +======= +#: ../blocks/templates/registration.php:38, ../blocks/templates/signin-signup.php:29, ../includes/classes/class-settings-panel.php:3278, ../includes/model/Account.php:60 +msgid "I agree with all" +msgstr "" + +#: ../blocks/templates/registration.php:39, ../includes/classes/class-settings-panel.php:3289 +msgid "terms & conditions" +msgstr "" + +#: ../blocks/templates/registration.php:42, ../blocks/templates/signin-signup.php:26, ../includes/classes/class-settings-panel.php:3251, ../includes/model/Account.php:57 +msgid "I agree to the" +msgstr "" + +#: ../blocks/templates/registration.php:43, ../blocks/templates/signin-signup.php:27, ../includes/classes/class-settings-panel.php:3262, ../includes/model/Account.php:58, ../includes/model/ListingForm.php:515 +>>>>>>> dfda0415b (Development (#2325)) msgid "Privacy & Policy" msgstr "" @@ -354,7 +438,11 @@ msgstr "" msgid "Directorist Sign In" msgstr "" +<<<<<<< HEAD #: ../directorist-base.php:701, ../includes/classes/class-settings-panel.php:4365 +======= +#: ../directorist-base.php:759, ../includes/classes/class-settings-panel.php:4675 +>>>>>>> dfda0415b (Development (#2325)) msgid "Uninstall" msgstr "" @@ -450,7 +538,11 @@ msgstr "" msgid "Cheap" msgstr "" +<<<<<<< HEAD #: ../includes/custom-actions.php:23, ../includes/classes/class-settings-panel.php:3929 +======= +#: ../includes/custom-actions.php:23, ../includes/classes/class-settings-panel.php:4221 +>>>>>>> dfda0415b (Development (#2325)) msgid "Privacy Policy" msgstr "" @@ -570,6 +662,7 @@ msgstr "" msgid "Random listings" msgstr "" +<<<<<<< HEAD #: ../includes/helper-functions.php:1672, ../includes/classes/class-settings-panel.php:1048, ../includes/classes/class-settings-panel.php:1067, ../includes/classes/class-settings-panel.php:2125, ../includes/classes/class-settings-panel.php:2586, ../includes/classes/class-settings-panel.php:2696, ../includes/widgets/all-categories.php:49, ../includes/widgets/all-locations.php:49, ../includes/widgets/all-tags.php:48 msgid "List" msgstr "" @@ -579,6 +672,17 @@ msgid "Grid" msgstr "" #: ../includes/helper-functions.php:1678, ../includes/classes/class-settings-panel.php:1052, ../includes/classes/class-settings-panel.php:1071, ../includes/classes/class-settings-panel.php:2129, ../includes/classes/class-settings-panel.php:3720, ../includes/classes/class-settings-panel.php:3724, ../includes/widgets/single-map.php:27, ../includes/modules/multi-directory-setup/builder-preset-fields.php:481, ../includes/modules/multi-directory-setup/builder-preset-fields.php:498 +======= +#: ../includes/helper-functions.php:1672, ../includes/classes/class-settings-panel.php:1094, ../includes/classes/class-settings-panel.php:1113, ../includes/classes/class-settings-panel.php:2171, ../includes/classes/class-settings-panel.php:2878, ../includes/classes/class-settings-panel.php:2988, ../includes/widgets/all-categories.php:49, ../includes/widgets/all-locations.php:49, ../includes/widgets/all-tags.php:48 +msgid "List" +msgstr "" + +#: ../includes/helper-functions.php:1675, ../includes/classes/class-settings-panel.php:1090, ../includes/classes/class-settings-panel.php:1109, ../includes/classes/class-settings-panel.php:2167, ../includes/classes/class-settings-panel.php:2874, ../includes/classes/class-settings-panel.php:2984 +msgid "Grid" +msgstr "" + +#: ../includes/helper-functions.php:1678, ../includes/classes/class-settings-panel.php:1098, ../includes/classes/class-settings-panel.php:1117, ../includes/classes/class-settings-panel.php:2175, ../includes/classes/class-settings-panel.php:4012, ../includes/classes/class-settings-panel.php:4016, ../includes/widgets/single-map.php:27, ../includes/modules/multi-directory-setup/builder-preset-fields.php:481, ../includes/modules/multi-directory-setup/builder-preset-fields.php:498 +>>>>>>> dfda0415b (Development (#2325)) msgid "Map" msgstr "" @@ -586,11 +690,19 @@ msgstr "" msgid "Email already registered. Please login first" msgstr "" +<<<<<<< HEAD #: ../includes/helper-functions.php:2466, ../includes/classes/class-settings-panel.php:3564 msgid "Remove Data on Uninstall?" msgstr "" #: ../includes/helper-functions.php:2467, ../includes/classes/class-settings-panel.php:3565 +======= +#: ../includes/helper-functions.php:2466, ../includes/classes/class-settings-panel.php:3856 +msgid "Remove Data on Uninstall?" +msgstr "" + +#: ../includes/helper-functions.php:2467, ../includes/classes/class-settings-panel.php:3857 +>>>>>>> dfda0415b (Development (#2325)) msgid "Checked it if you would like Directorist to completely remove all of its data when the plugin is deleted." msgstr "" @@ -602,11 +714,19 @@ msgstr "" msgid "Search Home" msgstr "" +<<<<<<< HEAD #: ../includes/helper-functions.php:2583, ../includes/classes/class-settings-panel.php:3828, ../includes/elementor/search-result.php:15 msgid "Search Result" msgstr "" #: ../includes/helper-functions.php:2591, ../includes/classes/class-custom-post.php:288, ../includes/classes/class-settings-panel.php:3615, ../includes/elementor/all-listing.php:16, ../templates/dashboard/tab-my-listings.php:28 +======= +#: ../includes/helper-functions.php:2583, ../includes/classes/class-settings-panel.php:4120, ../includes/elementor/search-result.php:15 +msgid "Search Result" +msgstr "" + +#: ../includes/helper-functions.php:2591, ../includes/classes/class-custom-post.php:288, ../includes/classes/class-settings-panel.php:3907, ../includes/elementor/all-listing.php:16, ../templates/dashboard/tab-my-listings.php:28 +>>>>>>> dfda0415b (Development (#2325)) msgid "All Listings" msgstr "" @@ -626,7 +746,11 @@ msgstr "" msgid "Author Profile" msgstr "" +<<<<<<< HEAD #: ../includes/helper-functions.php:2619, ../includes/classes/class-settings-panel.php:4024, ../includes/elementor/user-dashboard.php:15 +======= +#: ../includes/helper-functions.php:2619, ../includes/classes/class-settings-panel.php:4316, ../includes/elementor/user-dashboard.php:15 +>>>>>>> dfda0415b (Development (#2325)) msgid "Dashboard" msgstr "" @@ -887,7 +1011,11 @@ msgstr "" msgid "Sending the message, please wait..." msgstr "" +<<<<<<< HEAD #: ../includes/asset-loader/localized_data.php:129, ../includes/classes/class-settings-panel.php:2808, ../includes/classes/class-settings-panel.php:2818, ../includes/classes/class-settings-panel.php:2840, ../includes/classes/class-settings-panel.php:2850, ../includes/classes/class-settings-panel.php:2877, ../includes/classes/class-settings-panel.php:2904, ../includes/classes/class-settings-panel.php:2931, ../includes/classes/class-settings-panel.php:2958, ../includes/classes/class-settings-panel.php:2985, ../includes/classes/class-settings-panel.php:3056, ../includes/classes/class-settings-panel.php:3061, ../includes/classes/class-settings-panel.php:3071, ../includes/modules/multi-directory-setup/builder-custom-fields.php:131, ../includes/modules/multi-directory-setup/builder-custom-fields.php:183, ../includes/modules/multi-directory-setup/builder-custom-fields.php:240, ../includes/modules/multi-directory-setup/builder-custom-fields.php:319, ../includes/modules/multi-directory-setup/builder-custom-fields.php:376, ../includes/modules/multi-directory-setup/builder-custom-fields.php:428, ../includes/modules/multi-directory-setup/builder-custom-fields.php:480, ../includes/modules/multi-directory-setup/builder-custom-fields.php:527, ../includes/modules/multi-directory-setup/builder-custom-fields.php:547, ../includes/modules/multi-directory-setup/builder-custom-fields.php:591, ../includes/modules/multi-directory-setup/builder-custom-fields.php:611, ../includes/modules/multi-directory-setup/builder-custom-fields.php:655, ../includes/modules/multi-directory-setup/builder-custom-fields.php:675, ../includes/modules/multi-directory-setup/builder-custom-fields.php:719, ../includes/modules/multi-directory-setup/builder-preset-fields.php:29, ../includes/modules/multi-directory-setup/builder-preset-fields.php:75, ../includes/modules/multi-directory-setup/builder-preset-fields.php:122, ../includes/modules/multi-directory-setup/builder-preset-fields.php:158, ../includes/modules/multi-directory-setup/builder-preset-fields.php:282, ../includes/modules/multi-directory-setup/builder-preset-fields.php:317, ../includes/modules/multi-directory-setup/builder-preset-fields.php:384, ../includes/modules/multi-directory-setup/builder-preset-fields.php:439, ../includes/modules/multi-directory-setup/builder-preset-fields.php:531, ../includes/modules/multi-directory-setup/builder-preset-fields.php:570, ../includes/modules/multi-directory-setup/builder-preset-fields.php:609, ../includes/modules/multi-directory-setup/builder-preset-fields.php:653, ../includes/modules/multi-directory-setup/builder-preset-fields.php:697, ../includes/modules/multi-directory-setup/builder-preset-fields.php:736, ../includes/modules/multi-directory-setup/builder-preset-fields.php:775, ../includes/modules/multi-directory-setup/builder-preset-fields.php:814, ../includes/modules/multi-directory-setup/builder-preset-fields.php:902, ../includes/modules/multi-directory-setup/class-builder-data.php:291, ../includes/modules/multi-directory-setup/class-builder-data.php:388, ../includes/modules/multi-directory-setup/class-builder-data.php:405, ../includes/modules/multi-directory-setup/class-builder-data.php:427, ../includes/modules/multi-directory-setup/class-builder-data.php:448, ../includes/modules/multi-directory-setup/class-builder-data.php:477, ../includes/modules/multi-directory-setup/class-builder-data.php:566, ../includes/modules/multi-directory-setup/class-builder-data.php:653, ../includes/modules/multi-directory-setup/class-builder-data.php:674, ../includes/modules/multi-directory-setup/class-builder-data.php:705, ../includes/modules/multi-directory-setup/class-builder-data.php:715, ../includes/modules/multi-directory-setup/class-builder-data.php:735, ../includes/modules/multi-directory-setup/class-builder-data.php:756, ../includes/modules/multi-directory-setup/class-builder-data.php:776, ../includes/modules/multi-directory-setup/class-builder-data.php:796, ../includes/modules/multi-directory-setup/class-builder-data.php:816, ../includes/modules/multi-directory-setup/class-builder-data.php:836, ../includes/modules/multi-directory-setup/class-builder-data.php:856, ../includes/modules/multi-directory-setup/class-builder-data.php:876, ../includes/modules/multi-directory-setup/class-builder-data.php:908, ../includes/modules/multi-directory-setup/class-builder-data.php:929, ../includes/modules/multi-directory-setup/class-builder-data.php:950, ../includes/modules/multi-directory-setup/class-builder-data.php:971, ../includes/modules/multi-directory-setup/class-builder-data.php:987, ../includes/modules/multi-directory-setup/class-builder-data.php:1008, ../includes/modules/multi-directory-setup/class-builder-data.php:1024, ../includes/modules/multi-directory-setup/class-builder-data.php:1049, ../includes/modules/multi-directory-setup/class-builder-data.php:1060, ../includes/modules/multi-directory-setup/class-builder-data.php:2155, ../includes/modules/multi-directory-setup/class-builder-data.php:2341 +======= +#: ../includes/asset-loader/localized_data.php:119, ../includes/classes/class-settings-panel.php:3100, ../includes/classes/class-settings-panel.php:3110, ../includes/classes/class-settings-panel.php:3132, ../includes/classes/class-settings-panel.php:3142, ../includes/classes/class-settings-panel.php:3169, ../includes/classes/class-settings-panel.php:3196, ../includes/classes/class-settings-panel.php:3223, ../includes/classes/class-settings-panel.php:3250, ../includes/classes/class-settings-panel.php:3277, ../includes/classes/class-settings-panel.php:3348, ../includes/classes/class-settings-panel.php:3353, ../includes/classes/class-settings-panel.php:3363, ../includes/modules/multi-directory-setup/builder-custom-fields.php:131, ../includes/modules/multi-directory-setup/builder-custom-fields.php:183, ../includes/modules/multi-directory-setup/builder-custom-fields.php:240, ../includes/modules/multi-directory-setup/builder-custom-fields.php:319, ../includes/modules/multi-directory-setup/builder-custom-fields.php:376, ../includes/modules/multi-directory-setup/builder-custom-fields.php:428, ../includes/modules/multi-directory-setup/builder-custom-fields.php:480, ../includes/modules/multi-directory-setup/builder-custom-fields.php:527, ../includes/modules/multi-directory-setup/builder-custom-fields.php:547, ../includes/modules/multi-directory-setup/builder-custom-fields.php:591, ../includes/modules/multi-directory-setup/builder-custom-fields.php:611, ../includes/modules/multi-directory-setup/builder-custom-fields.php:655, ../includes/modules/multi-directory-setup/builder-custom-fields.php:675, ../includes/modules/multi-directory-setup/builder-custom-fields.php:719, ../includes/modules/multi-directory-setup/builder-preset-fields.php:29, ../includes/modules/multi-directory-setup/builder-preset-fields.php:75, ../includes/modules/multi-directory-setup/builder-preset-fields.php:122, ../includes/modules/multi-directory-setup/builder-preset-fields.php:158, ../includes/modules/multi-directory-setup/builder-preset-fields.php:282, ../includes/modules/multi-directory-setup/builder-preset-fields.php:317, ../includes/modules/multi-directory-setup/builder-preset-fields.php:384, ../includes/modules/multi-directory-setup/builder-preset-fields.php:439, ../includes/modules/multi-directory-setup/builder-preset-fields.php:531, ../includes/modules/multi-directory-setup/builder-preset-fields.php:570, ../includes/modules/multi-directory-setup/builder-preset-fields.php:609, ../includes/modules/multi-directory-setup/builder-preset-fields.php:653, ../includes/modules/multi-directory-setup/builder-preset-fields.php:697, ../includes/modules/multi-directory-setup/builder-preset-fields.php:736, ../includes/modules/multi-directory-setup/builder-preset-fields.php:775, ../includes/modules/multi-directory-setup/builder-preset-fields.php:814, ../includes/modules/multi-directory-setup/builder-preset-fields.php:902, ../includes/modules/multi-directory-setup/class-builder-data.php:291, ../includes/modules/multi-directory-setup/class-builder-data.php:388, ../includes/modules/multi-directory-setup/class-builder-data.php:405, ../includes/modules/multi-directory-setup/class-builder-data.php:427, ../includes/modules/multi-directory-setup/class-builder-data.php:448, ../includes/modules/multi-directory-setup/class-builder-data.php:477, ../includes/modules/multi-directory-setup/class-builder-data.php:566, ../includes/modules/multi-directory-setup/class-builder-data.php:653, ../includes/modules/multi-directory-setup/class-builder-data.php:674, ../includes/modules/multi-directory-setup/class-builder-data.php:705, ../includes/modules/multi-directory-setup/class-builder-data.php:715, ../includes/modules/multi-directory-setup/class-builder-data.php:735, ../includes/modules/multi-directory-setup/class-builder-data.php:756, ../includes/modules/multi-directory-setup/class-builder-data.php:776, ../includes/modules/multi-directory-setup/class-builder-data.php:796, ../includes/modules/multi-directory-setup/class-builder-data.php:816, ../includes/modules/multi-directory-setup/class-builder-data.php:836, ../includes/modules/multi-directory-setup/class-builder-data.php:856, ../includes/modules/multi-directory-setup/class-builder-data.php:876, ../includes/modules/multi-directory-setup/class-builder-data.php:908, ../includes/modules/multi-directory-setup/class-builder-data.php:929, ../includes/modules/multi-directory-setup/class-builder-data.php:950, ../includes/modules/multi-directory-setup/class-builder-data.php:971, ../includes/modules/multi-directory-setup/class-builder-data.php:987, ../includes/modules/multi-directory-setup/class-builder-data.php:1008, ../includes/modules/multi-directory-setup/class-builder-data.php:1024, ../includes/modules/multi-directory-setup/class-builder-data.php:1049, ../includes/modules/multi-directory-setup/class-builder-data.php:1060, ../includes/modules/multi-directory-setup/class-builder-data.php:2155, ../includes/modules/multi-directory-setup/class-builder-data.php:2339 +>>>>>>> dfda0415b (Development (#2325)) msgid "Label" msgstr "" @@ -975,7 +1103,11 @@ msgstr "" msgid "Filter By Name" msgstr "" +<<<<<<< HEAD #: ../includes/asset-loader/localized_data.php:223, ../includes/classes/class-settings-panel.php:3799, ../includes/widgets/search-form.php:27, ../includes/widgets/search-form.php:56, ../templates/archive/mobile-search-form.php:20, ../templates/archive/mobile-search-form.php:59 +======= +#: ../includes/asset-loader/localized_data.php:213, ../includes/classes/class-settings-panel.php:4091, ../includes/widgets/search-form.php:27, ../includes/widgets/search-form.php:56, ../templates/archive/mobile-search-form.php:20, ../templates/archive/mobile-search-form.php:59 +>>>>>>> dfda0415b (Development (#2325)) msgid "Search" msgstr "" @@ -1144,7 +1276,11 @@ msgstr "" msgid "Something is wrong! Please refresh and retry." msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-ajax-handler.php:382, ../includes/classes/class-settings-panel.php:3865, ../includes/classes/class-user.php:568 +======= +#: ../includes/classes/class-ajax-handler.php:382, ../includes/classes/class-settings-panel.php:4157, ../includes/classes/class-user.php:568 +>>>>>>> dfda0415b (Development (#2325)) msgid "User" msgstr "" @@ -1453,7 +1589,11 @@ msgstr "" msgid "Directory listings" msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-custom-post.php:363, ../includes/classes/class-settings-panel.php:2651, ../includes/classes/class-settings-panel.php:2761, ../includes/classes/class-settings-panel.php:3119, ../includes/elementor/all-categories.php:93, ../includes/elementor/all-locations.php:93, ../includes/model/SingleListing.php:701, ../includes/review/class-comment-form-renderer.php:216, ../includes/system-status/system-info-template.php:475, ../includes/widgets/all-categories.php:59, ../includes/widgets/all-locations.php:59, ../includes/widgets/all-tags.php:58, ../includes/modules/multi-directory-setup/class-builder-data.php:400, ../includes/modules/multi-directory-setup/class-builder-data.php:517, ../includes/modules/multi-directory-setup/class-builder-data.php:529, ../includes/modules/multi-directory-setup/class-multi-directory-manager.php:208, ../includes/system-status/system-information/system-information-template.php:652, ../templates/single-reviews.php:105, ../templates/widgets/contact-form.php:15, ../views/admin-templates/post-types-manager/all-listing-types.php:117 +======= +#: ../includes/classes/class-custom-post.php:363, ../includes/classes/class-settings-panel.php:2943, ../includes/classes/class-settings-panel.php:3053, ../includes/classes/class-settings-panel.php:3411, ../includes/elementor/all-categories.php:93, ../includes/elementor/all-locations.php:93, ../includes/model/SingleListing.php:701, ../includes/review/class-comment-form-renderer.php:216, ../includes/system-status/system-info-template.php:475, ../includes/widgets/all-categories.php:59, ../includes/widgets/all-locations.php:59, ../includes/widgets/all-tags.php:58, ../includes/modules/multi-directory-setup/class-builder-data.php:400, ../includes/modules/multi-directory-setup/class-builder-data.php:517, ../includes/modules/multi-directory-setup/class-builder-data.php:529, ../includes/modules/multi-directory-setup/class-multi-directory-manager.php:208, ../includes/system-status/system-information/system-information-template.php:652, ../templates/single-reviews.php:105, ../templates/widgets/contact-form.php:15, ../views/admin-templates/post-types-manager/all-listing-types.php:117 +>>>>>>> dfda0415b (Development (#2325)) msgid "Name" msgstr "" @@ -1767,7 +1907,11 @@ msgstr "" msgid "Tags deleted." msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-custom-taxonomy.php:945, ../includes/classes/class-settings-panel.php:4506, ../templates/all-authors.php:25, ../templates/archive/directory-type-nav.php:26 +======= +#: ../includes/classes/class-custom-taxonomy.php:949, ../includes/classes/class-settings-panel.php:4816, ../templates/all-authors.php:25, ../templates/archive/directory-type-nav.php:26 +>>>>>>> dfda0415b (Development (#2325)) msgid "All" msgstr "" @@ -1797,154 +1941,154 @@ msgstr "" #: ../includes/classes/class-email.php:215 msgid "" -"\n" -"Dear Administrator,\n" -"\n" -"The following Listing has been deleted on your website ==SITE_NAME==\n" -"\n" -"Listing Summary:\n" -"ID: ==LISTING_ID==\n" -"Title: ==LISTING_TITLE==\n" -"\n" -"\n" -"This email is sent automatically for information purpose only. Please do not respond to this.\n" +" \n" +"Dear Administrator, \n" +" \n" +"The following Listing has been deleted on your website ==SITE_NAME== \n" +" \n" +"Listing Summary: \n" +"ID: ==LISTING_ID== \n" +"Title: ==LISTING_TITLE== \n" +" \n" +" \n" +"This email is sent automatically for information purpose only. Please do not respond to this. \n" "" msgstr "" #: ../includes/classes/class-email.php:239 msgid "" -"\n" -"Dear Administrator,\n" -"\n" -"You have received a new order\n" -"\n" -"This notification was for the order #==ORDER_ID== on the website ==SITE_NAME==.\n" -"You can access the order details directly by clicking on the link below after logging in your back end:\n" -"\n" -"==ORDER_RECEIPT_URL==\n" -"\n" -"Here is the order summery:\n" -"\n" -"==ORDER_DETAILS==\n" -"\n" -"This email is sent automatically for information purpose only. Please do not respond to this.\n" +" \n" +"Dear Administrator, \n" +" \n" +"You have received a new order \n" +" \n" +"This notification was for the order #==ORDER_ID== on the website ==SITE_NAME==. \n" +"You can access the order details directly by clicking on the link below after logging in your back end: \n" +" \n" +"==ORDER_RECEIPT_URL== \n" +" \n" +"Here is the order summery: \n" +" \n" +"==ORDER_DETAILS== \n" +" \n" +"This email is sent automatically for information purpose only. Please do not respond to this. \n" "" msgstr "" #: ../includes/classes/class-email.php:267 msgid "" -"\n" -"Dear Administrator,\n" -"\n" -"Congratulations!\n" -"You have received a payment against the order #==ORDER_ID==. The order is now completed.\n" -"\n" -"You can access the order details directly by clicking on the link below after logging in your back end:\n" -"\n" -"==ORDER_RECEIPT_URL==\n" -"\n" -"Here is the order summery:\n" -"\n" -"==ORDER_DETAILS==\n" -"\n" -"This email is sent automatically for information purpose only. Please do not respond to this.\n" +" \n" +"Dear Administrator, \n" +" \n" +"Congratulations! \n" +"You have received a payment against the order #==ORDER_ID==. The order is now completed. \n" +" \n" +"You can access the order details directly by clicking on the link below after logging in your back end: \n" +" \n" +"==ORDER_RECEIPT_URL== \n" +" \n" +"Here is the order summery: \n" +" \n" +"==ORDER_DETAILS== \n" +" \n" +"This email is sent automatically for information purpose only. Please do not respond to this. \n" "" msgstr "" #: ../includes/classes/class-email.php:295 msgid "" -"\n" -"Dear Administrator,\n" -"\n" -"A new listing has been submitted on your website [==SITE_NAME==].\n" -"\n" -"Listing Summary:\n" -"ID: ==LISTING_ID==\n" -"Title: ==LISTING_TITLE==\n" -"Link: ==LISTING_LINK==\n" -"You can Edit/Review the listing using the link below:\n" -"==LISTING_EDIT_URL==\n" -"\n" -"This email is sent automatically for information purpose only. Please do not respond to this.\n" +" \n" +"Dear Administrator, \n" +" \n" +"A new listing has been submitted on your website [==SITE_NAME==]. \n" +" \n" +"Listing Summary: \n" +"ID: ==LISTING_ID== \n" +"Title: ==LISTING_TITLE== \n" +"Link: ==LISTING_LINK== \n" +"You can Edit/Review the listing using the link below: \n" +"==LISTING_EDIT_URL== \n" +" \n" +"This email is sent automatically for information purpose only. Please do not respond to this. \n" "" msgstr "" #: ../includes/classes/class-email.php:321 msgid "" -"\n" -"Dear User,\n" -"\n" -"Please use the following PIN to reset your password\n" -"
    \n" -"

    ==PIN==

    \n" -"
    \n" -"\n" -"This email is sent automatically for information purpose only. Please do not respond to this.\n" +" \n" +"Dear User, \n" +" \n" +"Please use the following PIN to reset your password \n" +"
    \n" +"

    ==PIN==

    \n" +"
    \n" +" \n" +"This email is sent automatically for information purpose only. Please do not respond to this. \n" "" msgstr "" #: ../includes/classes/class-email.php:343 msgid "" -"\n" -"Dear Administrator,\n" -"\n" -"The listing #==LISTING_ID== has been been published on your website [==SITE_NAME==].\n" -"\n" -"Listing Summary:\n" -"ID: ==LISTING_ID==\n" -"Title: ==LISTING_TITLE==\n" -"Link: ==LISTING_LINK==\n" -"You can Edit/Review the listing using the link below:\n" -"==LISTING_EDIT_URL==\n" -"\n" -"This email is sent automatically for information purpose only. Please do not respond to this.\n" +" \n" +"Dear Administrator, \n" +" \n" +"The listing #==LISTING_ID== has been been published on your website [==SITE_NAME==]. \n" +" \n" +"Listing Summary: \n" +"ID: ==LISTING_ID== \n" +"Title: ==LISTING_TITLE== \n" +"Link: ==LISTING_LINK== \n" +"You can Edit/Review the listing using the link below: \n" +"==LISTING_EDIT_URL== \n" +" \n" +"This email is sent automatically for information purpose only. Please do not respond to this. \n" "" msgstr "" #: ../includes/classes/class-email.php:369 msgid "" -"\n" -"Dear Administrator,\n" -"\n" -"The listing #==LISTING_ID== has been been edited on your website [==SITE_NAME==].\n" -"\n" -"Listing Summary:\n" -"ID: ==LISTING_ID==\n" -"Title: ==LISTING_TITLE==\n" -"Link: ==LISTING_LINK==\n" -"You can Edit/Review the listing using the link below:\n" -"==LISTING_EDIT_URL==\n" -"\n" -"This email is sent automatically for information purpose only. Please do not respond to this.\n" +" \n" +"Dear Administrator, \n" +" \n" +"The listing #==LISTING_ID== has been been edited on your website [==SITE_NAME==]. \n" +" \n" +"Listing Summary: \n" +"ID: ==LISTING_ID== \n" +"Title: ==LISTING_TITLE== \n" +"Link: ==LISTING_LINK== \n" +"You can Edit/Review the listing using the link below: \n" +"==LISTING_EDIT_URL== \n" +" \n" +"This email is sent automatically for information purpose only. Please do not respond to this. \n" "" msgstr "" #: ../includes/classes/class-email.php:395 msgid "" -"\n" -"Dear Administrator,\n" -"\n" -"The listing #==LISTING_ID== has a new review [==SITE_NAME==].\n" -"\n" -"Listing Summary:\n" -"ID: ==LISTING_ID==\n" -"Title: ==LISTING_TITLE==\n" -"Link: ==LISTING_LINK==\n" -"You can see the review using the link below:\n" -"==LISTING_EDIT_URL==\n" -"\n" -"This email is sent automatically for information purpose only. Please do not respond to this.\n" +" \n" +"Dear Administrator, \n" +" \n" +"The listing #==LISTING_ID== has a new review [==SITE_NAME==]. \n" +" \n" +"Listing Summary: \n" +"ID: ==LISTING_ID== \n" +"Title: ==LISTING_TITLE== \n" +"Link: ==LISTING_LINK== \n" +"You can see the review using the link below: \n" +"==LISTING_EDIT_URL== \n" +" \n" +"This email is sent automatically for information purpose only. Please do not respond to this. \n" "" msgstr "" #: ../includes/classes/class-email.php:415 msgid "" -"\n" -" Hello Administrator,\n" -"\n" -" A user wants to become an author, ==USER_DASHBOARD== to review.\n" -"\n" -" Regards\n" +" \n" +" Hello Administrator, \n" +" \n" +" A user wants to become an author, ==USER_DASHBOARD== to review. \n" +" \n" +" Regards \n" " " msgstr "" @@ -1980,7 +2124,11 @@ msgstr "" msgid "[==SITE_NAME==] The Listing #==LISTING_ID== has been edited on your website" msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-email.php:1208, ../includes/classes/class-settings-panel.php:3529 +======= +#: ../includes/classes/class-email.php:1204, ../includes/classes/class-settings-panel.php:3821 +>>>>>>> dfda0415b (Development (#2325)) msgid "Registration Confirmation!" msgstr "" @@ -2462,7 +2610,7 @@ msgstr "" #: ../includes/classes/class-settings-panel.php:212 msgid "" -"Enable this option to force the default latitude and longitude to create a default location on all listings map view.\n" +"Enable this option to force the default latitude and longitude to create a default location on all listings map view. \n" " Otherwise default location works only on the add listing form map." msgstr "" @@ -2520,7 +2668,7 @@ msgstr "" #: ../includes/classes/class-settings-panel.php:420 msgid "" -"Enable monetization to accept payments from users and earn through listing submissions.\n" +"Enable monetization to accept payments from users and earn through listing submissions. \n" " " msgstr "" @@ -2530,9 +2678,9 @@ msgstr "" #: ../includes/classes/class-settings-panel.php:430 msgid "" -"Enable this option to charge users for featuring their listing.\n" -"          \n" -" Note: You need to add the \"Listing Type\" field to the add listing form for this feature to work properly.\n" +"Enable this option to charge users for featuring their listing. \n" +"           \n" +" Note: You need to add the \"Listing Type\" field to the add listing form for this feature to work properly. \n" " Watch how" msgstr "" @@ -2588,7 +2736,11 @@ msgstr "" msgid "This currency settings lets you customize how you would like to accept payment from your user/customer and how to display pricing on the order form/history." msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-settings-panel.php:518, ../includes/classes/class-settings-panel.php:2551 +======= +#: ../includes/classes/class-settings-panel.php:536, ../includes/classes/class-settings-panel.php:2843 +>>>>>>> dfda0415b (Development (#2325)) msgid "Currency Code" msgstr "" @@ -2596,11 +2748,19 @@ msgstr "" msgid "USD" msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-settings-panel.php:521, ../includes/classes/class-settings-panel.php:2553 msgid "Enter the 3-letter currency code (e.g., USD for US Dollar). For a full list of currency codes, refer to %s." msgstr "" #: ../includes/classes/class-settings-panel.php:522, ../includes/classes/class-settings-panel.php:2554 +======= +#: ../includes/classes/class-settings-panel.php:539, ../includes/classes/class-settings-panel.php:2845 +msgid "Enter the 3-letter currency code (e.g., USD for US Dollar). For a full list of currency codes, refer to %s." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:540, ../includes/classes/class-settings-panel.php:2846 +>>>>>>> dfda0415b (Development (#2325)) msgid "ISO 4217 Currency Codes" msgstr "" @@ -2628,6 +2788,7 @@ msgstr "" msgid "Enter the currency decimal separator. Eg. \".\" or \",\". Default is \".\"" msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-settings-panel.php:541, ../includes/classes/class-settings-panel.php:2559, ../includes/gateways/class-gateway.php:318 msgid "Currency Position" msgstr "" @@ -2637,6 +2798,17 @@ msgid "$5 - Before" msgstr "" #: ../includes/classes/class-settings-panel.php:551, ../includes/classes/class-settings-panel.php:2570, ../includes/gateways/class-gateway.php:330 +======= +#: ../includes/classes/class-settings-panel.php:559, ../includes/classes/class-settings-panel.php:2851, ../includes/gateways/class-gateway.php:321 +msgid "Currency Position" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:565, ../includes/classes/class-settings-panel.php:2858, ../includes/gateways/class-gateway.php:329 +msgid "$5 - Before" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:569, ../includes/classes/class-settings-panel.php:2862, ../includes/gateways/class-gateway.php:333 +>>>>>>> dfda0415b (Development (#2325)) msgid "After - 5$" msgstr "" @@ -2656,7 +2828,11 @@ msgstr "" msgid "Gateway Title" msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-settings-panel.php:567, ../includes/classes/class-settings-panel.php:4254 +======= +#: ../includes/classes/class-settings-panel.php:585, ../includes/classes/class-settings-panel.php:4546 +>>>>>>> dfda0415b (Development (#2325)) msgid "Bank Transfer" msgstr "" @@ -2820,7 +2996,11 @@ msgstr "" msgid "Filters Text" msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-settings-panel.php:893, ../includes/classes/class-settings-panel.php:904, ../includes/classes/class-settings-panel.php:2035, ../includes/classes/class-settings-panel.php:2046, ../includes/classes/class-settings-panel.php:3813, ../includes/model/Listings.php:213, ../includes/model/Listings.php:258, ../includes/model/Listings.php:259 +======= +#: ../includes/classes/class-settings-panel.php:939, ../includes/classes/class-settings-panel.php:950, ../includes/classes/class-settings-panel.php:2081, ../includes/classes/class-settings-panel.php:2092, ../includes/classes/class-settings-panel.php:4105, ../includes/model/Listings.php:213, ../includes/model/Listings.php:258, ../includes/model/Listings.php:259 +>>>>>>> dfda0415b (Development (#2325)) msgid "Filters" msgstr "" @@ -2872,7 +3052,11 @@ msgstr "" msgid "\"Sort By\" Label" msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-settings-panel.php:977, ../includes/classes/class-settings-panel.php:2141, ../includes/classes/class-settings-panel.php:2660, ../includes/classes/class-settings-panel.php:2770, ../includes/model/Listings.php:206, ../includes/model/Listings.php:270 +======= +#: ../includes/classes/class-settings-panel.php:1023, ../includes/classes/class-settings-panel.php:2187, ../includes/classes/class-settings-panel.php:2952, ../includes/classes/class-settings-panel.php:3062, ../includes/model/Listings.php:206, ../includes/model/Listings.php:270 +>>>>>>> dfda0415b (Development (#2325)) msgid "Sort By" msgstr "" @@ -2884,7 +3068,11 @@ msgstr "" msgid "View Type" msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-settings-panel.php:1057, ../includes/classes/class-settings-panel.php:2576, ../includes/classes/class-settings-panel.php:2686 +======= +#: ../includes/classes/class-settings-panel.php:1103, ../includes/classes/class-settings-panel.php:2868, ../includes/classes/class-settings-panel.php:2978 +>>>>>>> dfda0415b (Development (#2325)) msgid "Default View" msgstr "" @@ -3388,7 +3576,11 @@ msgstr "" msgid "Search Button Text" msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-settings-panel.php:1929, ../includes/classes/class-settings-panel.php:3803, ../includes/elementor/search-listing.php:102, ../includes/model/SearchForm.php:119 +======= +#: ../includes/classes/class-settings-panel.php:1975, ../includes/classes/class-settings-panel.php:4095, ../includes/elementor/search-listing.php:102, ../includes/model/SearchForm.php:119 +>>>>>>> dfda0415b (Development (#2325)) msgid "Search Listing" msgstr "" @@ -3440,7 +3632,11 @@ msgstr "" msgid "Display Header" msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-settings-panel.php:2227, ../includes/classes/class-settings-panel.php:3782 +======= +#: ../includes/classes/class-settings-panel.php:2273, ../includes/classes/class-settings-panel.php:4074 +>>>>>>> dfda0415b (Development (#2325)) msgid "Upgrade/Regenerate Pages" msgstr "" @@ -3524,6 +3720,7 @@ msgstr "" msgid "Terms & Conditions Page" msgstr "" +<<<<<<< HEAD #: ../includes/classes/class-settings-panel.php:2385 msgid "Enable SEO" msgstr "" @@ -3877,692 +4074,1691 @@ msgid "Edit the email template for sending to the user when a listing is submitt msgstr "" #: ../includes/classes/class-settings-panel.php:3273 -msgid "" -"\n" -" Dear ==NAME==,\n" -"\n" -" This email is to notify you that your listing '==LISTING_TITLE==' has been received and it is under review now.\n" -" It may take up to 24 hours to complete the review.\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +======= +#: ../includes/classes/class-settings-panel.php:2430 +msgid "Enable Schema Markup" msgstr "" -#: ../includes/classes/class-settings-panel.php:3286 -msgid "Edit the subject for sending to the user when a listing is approved/published." +#: ../includes/classes/class-settings-panel.php:2434 +msgid "Apply Schema To" msgstr "" -#: ../includes/classes/class-settings-panel.php:3287 -msgid "[==SITE_NAME==] : Listing \"==LISTING_TITLE==\" published" +#: ../includes/classes/class-settings-panel.php:2440, ../views/admin-templates/post-types-manager/all-listing-types.php:112 +msgid "All Directories" msgstr "" -#: ../includes/classes/class-settings-panel.php:3292 -msgid "Edit the email template for sending to the user when a listing is approved/published. HTML content is allowed too." +#: ../includes/classes/class-settings-panel.php:2441 +msgid "Use the same schema for all directories or select this if Multi-Directory is disabled." msgstr "" -#: ../includes/classes/class-settings-panel.php:3293 -msgid "" -"\n" -" Dear ==NAME==,\n" -" Congratulations! Your listing '==LISTING_TITLE==' has been approved/published. Now it is publicly available at ==LISTING_URL==\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +#: ../includes/classes/class-settings-panel.php:2445 +msgid "Per Directory" msgstr "" -#: ../includes/classes/class-settings-panel.php:3304 -msgid "Edit the subject for sending to the user when a listing is edited." +#: ../includes/classes/class-settings-panel.php:2446 +msgid "Set different schemas for each directory. Choose this for directory-specific schema types." msgstr "" -#: ../includes/classes/class-settings-panel.php:3305 -msgid "[==SITE_NAME==] : Listing \"==LISTING_TITLE==\" Edited" +#: ../includes/classes/class-settings-panel.php:2460 +msgid "Schema Setting" msgstr "" -#: ../includes/classes/class-settings-panel.php:3310 -msgid "Edit the email template for sending to the user when a listing is edited. HTML content is allowed too." +#: ../includes/classes/class-settings-panel.php:2467 +msgid "One" msgstr "" -#: ../includes/classes/class-settings-panel.php:3311 -msgid "" -"\n" -" Dear ==NAME==,\n" -" Congratulations! Your listing '==LISTING_TITLE==' has been edited. It is publicly available at ==LISTING_URL==\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +#: ../includes/classes/class-settings-panel.php:2471 +msgid "Two" msgstr "" -#: ../includes/classes/class-settings-panel.php:3322 -msgid "Edit the subject for sending to the user when a listing is ABOUT TO EXPIRE." +#: ../includes/classes/class-settings-panel.php:2490 +msgid "Hotels" msgstr "" -#: ../includes/classes/class-settings-panel.php:3323 -msgid "[==SITE_NAME==] : Your Listing \"==LISTING_TITLE==\" is about to expire." +#: ../includes/classes/class-settings-panel.php:2497 +msgid "One Other" msgstr "" -#: ../includes/classes/class-settings-panel.php:3328 -msgid "Edit the email template for sending to the user when a listing is ABOUT TO EXPIRE. HTML content is allowed too." +#: ../includes/classes/class-settings-panel.php:2501 +msgid "Two Other" msgstr "" -#: ../includes/classes/class-settings-panel.php:3329 -msgid "" -"\n" -" Dear ==NAME==,\n" -" Your listing '==LISTING_TITLE==' is about to expire. It will expire on ==EXPIRATION_DATE==. You can renew it at ==RENEWAL_LINK==\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +#: ../includes/classes/class-settings-panel.php:2527 +msgid "Service" msgstr "" -#: ../includes/classes/class-settings-panel.php:3340 -msgid "Edit the subject for sending to the user when a Listing HAS EXPIRED." +#: ../includes/classes/class-settings-panel.php:2534 +msgid "Service One" msgstr "" -#: ../includes/classes/class-settings-panel.php:3341 -msgid "[==SITE_NAME==] : Your Listing '==LISTING_TITLE==' has expired." +#: ../includes/classes/class-settings-panel.php:2538 +msgid "Service Two" msgstr "" -#: ../includes/classes/class-settings-panel.php:3346 -msgid "Edit the email template for sending to the user when a Listing HAS EXPIRED. HTML content is allowed too." +#: ../includes/classes/class-settings-panel.php:2564 +msgid "Shopping" msgstr "" -#: ../includes/classes/class-settings-panel.php:3347 -msgid "" -"\n" -" Dear ==NAME==,\n" -" Your listing '==LISTING_TITLE==' has expired on ==EXPIRATION_DATE==. You can renew it at ==RENEWAL_LINK==\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +#: ../includes/classes/class-settings-panel.php:2571 +msgid "Shop One" msgstr "" -#: ../includes/classes/class-settings-panel.php:3358 -msgid "Edit the subject for sending to the user to renew his/her listings." +#: ../includes/classes/class-settings-panel.php:2575 +msgid "Shop Two" msgstr "" -#: ../includes/classes/class-settings-panel.php:3359 -msgid "[==SITE_NAME==] : A Reminder to Renew your listing \"==LISTING_TITLE==\"" +#: ../includes/classes/class-settings-panel.php:2601 +msgid "Automotive" msgstr "" -#: ../includes/classes/class-settings-panel.php:3364 -msgid "Edit the email template for sending to the user to renew his/her listings. HTML content is allowed too." +#: ../includes/classes/class-settings-panel.php:2608 +msgid "Auto One" msgstr "" -#: ../includes/classes/class-settings-panel.php:3365 -msgid "" -"\n" -" Dear ==NAME==,\n" -"\n" -" We have noticed that you might have forgot to renew your listing '==LISTING_TITLE==' at ==SITE_LINK==. We would like to remind you that it expired on ==EXPIRATION_DATE==. But please don't worry. You can still renew it by clicking this link: ==RENEWAL_LINK==.\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +#: ../includes/classes/class-settings-panel.php:2612 +msgid "Auto Two" msgstr "" -#: ../includes/classes/class-settings-panel.php:3377 -msgid "Edit the subject for sending to the user his/her listings has renewed successfully." +#: ../includes/classes/class-settings-panel.php:2638 +msgid "Restaurants" msgstr "" -#: ../includes/classes/class-settings-panel.php:3378 -msgid "[==SITE_NAME==] : Your Listing \"==LISTING_TITLE==\" Has Renewed" +#: ../includes/classes/class-settings-panel.php:2645 +msgid "Restaurant One" msgstr "" -#: ../includes/classes/class-settings-panel.php:3383 -msgid "Edit the email template for sending to the user his/her listings has renewed successfully. HTML content is allowed too." +#: ../includes/classes/class-settings-panel.php:2649 +msgid "Restaurant Two" msgstr "" -#: ../includes/classes/class-settings-panel.php:3384 -msgid "" -"\n" -" Dear ==NAME==,\n" -"\n" -" Congratulations!\n" -" Your listing '==LISTING_LINK==' with the ID #==LISTING_ID== has been renewed successfully at ==SITE_LINK==.\n" -" Your listing is now publicly viewable at ==LISTING_URL==\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +#: ../includes/classes/class-settings-panel.php:2677 +msgid "Enable SEO" msgstr "" -#: ../includes/classes/class-settings-panel.php:3398 -msgid "Edit the subject for sending to the user when his/her listings has deleted successfully." +#: ../includes/classes/class-settings-panel.php:2682 +msgid "Add Listing Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3399 -msgid "[==SITE_NAME==] : Your Listing \"==LISTING_TITLE==\" Has Been Deleted" +#: ../includes/classes/class-settings-panel.php:2683, ../includes/classes/class-settings-panel.php:2694, ../includes/classes/class-settings-panel.php:2705, ../includes/classes/class-settings-panel.php:2716, ../includes/classes/class-settings-panel.php:2727, ../includes/classes/class-settings-panel.php:2750, ../includes/classes/class-settings-panel.php:2773, ../includes/classes/class-settings-panel.php:2784, ../includes/classes/class-settings-panel.php:2795, ../includes/classes/class-settings-panel.php:2821 +msgid "Default the title of the page set as frontpage." msgstr "" -#: ../includes/classes/class-settings-panel.php:3404 -msgid "Edit the email template for sending to the user when his/her listings has deleted successfully. HTML content is allowed too." +#: ../includes/classes/class-settings-panel.php:2688 +msgid "Add Listing Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3405 -msgid "" -"\n" -" Dear ==NAME==,\n" -"\n" -" Your listing '==LISTING_LINK==' with the ID #==LISTING_ID== has been deleted successfully at ==SITE_LINK==.\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +#: ../includes/classes/class-settings-panel.php:2693 +msgid "All Listing Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3417 -msgid "Edit the subject for sending to the user when an order is created." +#: ../includes/classes/class-settings-panel.php:2699 +msgid "All Listing Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3418, ../includes/classes/class-settings-panel.php:3446 -msgid "[==SITE_NAME==] : Your Order (#==ORDER_ID==) Received." +#: ../includes/classes/class-settings-panel.php:2704 +msgid "User Dashboard Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3423 -msgid "Edit the email template for sending to the user when an order is created." +#: ../includes/classes/class-settings-panel.php:2710 +msgid "Dashboard Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3424 -msgid "" -"\n" -" Dear ==NAME==,\n" -"\n" -" Thank you very much for your order.\n" -" This email is to notify you that your order (#==ORDER_ID==) has been received. You can check your order details and progress by clicking the link below.\n" -"\n" -" Order Details Page: ==ORDER_RECEIPT_URL==\n" -"\n" -" Your order summery:\n" -" ==ORDER_DETAILS==\n" -"\n" -"\n" -" NB. You need to be logged in your account to access the order details page.\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +#: ../includes/classes/class-settings-panel.php:2715 +msgid "Author Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3445 -msgid "Edit the subject for sending to the user when an order is created using offline payment like bank transfer." +#: ../includes/classes/class-settings-panel.php:2721 +msgid "Author Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3451 -msgid "Edit the email template for sending to the user when an order is created using offline payment like bank transfer." +#: ../includes/classes/class-settings-panel.php:2726 +msgid "Category Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3452 -msgid "" -"\n" -" Dear ==NAME==,\n" -"\n" -" Thank you very much for your order.\n" -" This email is to notify you that your order (#==ORDER_ID==) has been received.\n" -"\n" -" %s\n" -"\n" -" You can check your order details and progress by clicking the link below.\n" -" Order Details Page: ==ORDER_RECEIPT_URL==\n" -"\n" -" Your order summery:\n" -" ==ORDER_DETAILS==\n" -"\n" -"\n" -" NB. You need to be logged in your account to access the order details page.\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +#: ../includes/classes/class-settings-panel.php:2732 +msgid "Category Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3476 -msgid "Edit the subject for sending to the user when an order is completed" +#: ../includes/classes/class-settings-panel.php:2737 +msgid "Single Category Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3477 -msgid "[==SITE_NAME==] : Congratulation! Your Order #==ORDER_ID== Completed." +#: ../includes/classes/class-settings-panel.php:2738 +msgid "Default the title of the category." msgstr "" -#: ../includes/classes/class-settings-panel.php:3482 -msgid "Edit the email template for sending to the user when an order is completed." +#: ../includes/classes/class-settings-panel.php:2743 +msgid "Single Category Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3483 -msgid "" -"\n" -" Dear ==NAME==,\n" -"\n" -" Congratulation! This email is to notify you that your order #==ORDER_ID== has been completed.\n" -"\n" -" You can check your order details by clicking the link below.\n" -" Order Details Page: ==ORDER_RECEIPT_URL==\n" -"\n" -" Your order summery:\n" -" ==ORDER_DETAILS==\n" -"\n" -"\n" -" NB. You need to be logged in your account to access the order details page.\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +#: ../includes/classes/class-settings-panel.php:2744 +msgid "Leave it blank to set category's description as meta description of this page" msgstr "" -#: ../includes/classes/class-settings-panel.php:3504, ../includes/classes/class-settings-panel.php:3528, ../includes/classes/class-settings-panel.php:3546 -msgid "Edit the subject for sending to the user when listing contact message send." +#: ../includes/classes/class-settings-panel.php:2749 +msgid "All Locations Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3505 -msgid "==SITE_NAME== Contact via ==LISTING_TITLE==" +#: ../includes/classes/class-settings-panel.php:2755 +msgid "All Locations Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3510 -msgid "Edit the email template for sending to the user when when listing contact message send" +#: ../includes/classes/class-settings-panel.php:2760 +msgid "Single Location Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3511 -msgid "" -"\n" -" Dear ==NAME==,\n" -"\n" -" You have received a message from your listing at ==LISTING_URL==.\n" -"\n" -" Name: ==SENDER_NAME==\n" -" Email: ==SENDER_EMAIL==\n" -" Message: ==MESSAGE==\n" -" Time: ==NOW==\n" -"\n" -" Thanks,\n" -" The Administrator of ==SITE_NAME==\n" -" " +#: ../includes/classes/class-settings-panel.php:2761 +msgid "Default the title of the location." msgstr "" -#: ../includes/classes/class-settings-panel.php:3534, ../includes/classes/class-settings-panel.php:3552 -msgid "Note: Use ==USER_PASSWORD== to show a temporary password when password field is disable from registration page" +#: ../includes/classes/class-settings-panel.php:2766 +msgid "Single Locations Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3535 -msgid "" -"\n" -" Hi ==USERNAME==,\n" -"\n" -" Thanks for creating an account on ==SITE_NAME==. Your username is ==USERNAME==. You can access your account area to view listings, change your password, and more at: ==DASHBOARD_LINK==\n" -"\n" -" We look forward to seeing you soon" +#: ../includes/classes/class-settings-panel.php:2767 +msgid "Leave it blank to set location's description as meta description of this page" msgstr "" -#: ../includes/classes/class-settings-panel.php:3547 -msgid "[==NAME==] Verify Your Email" +#: ../includes/classes/class-settings-panel.php:2772 +msgid "Registration Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3553 -msgid "" -"Hi ==USERNAME==,\n" -" Thank you for signing up at ==SITE_NAME==, to complete the registration, please verify your email address.\n" -" To activate your account simply click on the link below and verify your email address within 24 hours. For your safety, you will not be able to access your account until verification of your email has been completed.\n" -" ==CONFIRM_EMAIL_ADDRESS_URL==\n" -"\n" -"

    If you did not sign up for this account you can ignore this email.

    " +#: ../includes/classes/class-settings-panel.php:2778 +msgid "Registration Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3572, ../includes/classes/class-settings-panel.php:4319, ../templates/dashboard/tab-my-listings.php:67, ../views/admin-templates/post-types-manager/all-listing-types.php:119 -msgid "Listings" +#: ../includes/classes/class-settings-panel.php:2783 +msgid "Login Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3576, ../includes/classes/class-settings-panel.php:3744, ../includes/classes/class-settings-panel.php:4069, ../includes/classes/class-settings-panel.php:4092, ../includes/elementor/add-listing.php:36, ../includes/elementor/all-categories.php:45, ../includes/elementor/all-listing.php:63, ../includes/elementor/all-locations.php:45, ../includes/elementor/author-profile.php:25, ../includes/elementor/category.php:25, ../includes/elementor/checkout.php:25, ../includes/elementor/custom-registration.php:25, ../includes/elementor/location.php:25, ../includes/elementor/payment-receipt.php:26, ../includes/elementor/search-listing.php:36, ../includes/elementor/search-result.php:25, ../includes/elementor/tag.php:25, ../includes/elementor/transaction-failure.php:26, ../includes/elementor/user-dashboard.php:25, ../includes/elementor/user-login.php:25 -msgid "General" +#: ../includes/classes/class-settings-panel.php:2789 +msgid "Login Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3589, ../includes/elementor/custom-registration.php:15 -msgid "Registration" +#: ../includes/classes/class-settings-panel.php:2794 +msgid "Search Home Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3595 -msgid "Listing Currency" +#: ../includes/classes/class-settings-panel.php:2800 +msgid "Search Home Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3601 -msgid "Listings Renewal" +#: ../includes/classes/class-settings-panel.php:2804 +msgid "Search Result Page Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3607 -msgid "Expired Listings Management" +#: ../includes/classes/class-settings-panel.php:2810 +msgid "From User Search" msgstr "" -#: ../includes/classes/class-settings-panel.php:3619 -msgid " Layout & Search" +#: ../includes/classes/class-settings-panel.php:2814 +msgid "Custom" msgstr "" -#: ../includes/classes/class-settings-panel.php:3633, ../includes/classes/class-settings-panel.php:3845 -msgid "Header" +#: ../includes/classes/class-settings-panel.php:2820 +msgid "Custom Meta Title" msgstr "" -#: ../includes/classes/class-settings-panel.php:3648 -msgid "Preview Image" +#: ../includes/classes/class-settings-panel.php:2832 +msgid "Search Result Page Meta Description" msgstr "" -#: ../includes/classes/class-settings-panel.php:3662 -msgid "Single Listing" +#: ../includes/classes/class-settings-panel.php:2838, ../views/admin-templates/post-types-manager/all-listing-types.php:307 +msgid "Note:" msgstr "" -#: ../includes/classes/class-settings-panel.php:3666 -msgid "Listing Template and View" +#: ../includes/classes/class-settings-panel.php:2839 +msgid "Customize how prices are displayed on your site. To accept payments in a different currency, visit Monetization → General Settings" msgstr "" -#: ../includes/classes/class-settings-panel.php:3672 -msgid "Listing Permalink" +#: ../includes/classes/class-settings-panel.php:2854 +msgid "Select where you'd like the currency symbol to appear. The default is before the amount (e.g., $5)" msgstr "" -#: ../includes/classes/class-settings-panel.php:3679 -msgid "Submission Confirmations" +#: ../includes/classes/class-settings-panel.php:2883, ../includes/classes/class-settings-panel.php:2993 +msgid "Number of Columns" msgstr "" -#: ../includes/classes/class-settings-panel.php:3687 -msgid "Slider Image" +#: ../includes/classes/class-settings-panel.php:2884 +msgid "Set how many columns to display on categories page." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:2915 +msgid "Sub-category Depth" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:2916 +msgid "Set how many sub-categories to display." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:2929, ../includes/classes/class-settings-panel.php:3039 +msgid "Order By" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:2935, ../includes/classes/class-settings-panel.php:3045, ../includes/elementor/all-categories.php:91, ../includes/elementor/all-locations.php:91 +msgid "ID" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:2939, ../includes/classes/class-settings-panel.php:3049, ../includes/elementor/all-categories.php:92, ../includes/elementor/all-locations.php:92, ../includes/widgets/all-categories.php:58, ../includes/widgets/all-locations.php:58, ../includes/widgets/all-tags.php:57 +msgid "Count" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:2947, ../includes/classes/class-settings-panel.php:3057, ../includes/elementor/all-categories.php:94, ../includes/elementor/all-locations.php:94, ../includes/widgets/all-categories.php:60, ../includes/widgets/all-locations.php:60, ../includes/widgets/all-tags.php:59, ../views/admin-templates/post-types-manager/all-listing-types.php:118 +msgid "Slug" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:2958, ../includes/classes/class-settings-panel.php:3068, ../includes/widgets/all-categories.php:67, ../includes/widgets/all-locations.php:67, ../includes/widgets/all-tags.php:66 +msgid "Ascending" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:2962, ../includes/classes/class-settings-panel.php:3072, ../includes/widgets/all-categories.php:68, ../includes/widgets/all-locations.php:68, ../includes/widgets/all-tags.php:67 +msgid "Descending" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:2967, ../includes/classes/class-settings-panel.php:3077 +msgid "Display Listing Count" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:2972 +msgid "Hide Empty Categories" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:2994 +msgid "Set how many columns to display on locations page." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3025 +msgid "Sub-location Depth" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3026 +msgid "Set how many sub-locations to display." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3082 +msgid "Hide Empty Locations" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3088 +msgid "Enable Registration" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3093 +msgid "Enable Email Verification" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3096 +msgid "Enable email verification to verify user email during registration. To view the verification status navigate to Users → %s." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3096 +msgid "All Users" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3104, ../includes/classes/class-settings-panel.php:3136, ../includes/classes/class-settings-panel.php:3163, ../includes/classes/class-settings-panel.php:3190, ../includes/classes/class-settings-panel.php:3217, ../includes/classes/class-settings-panel.php:3244, ../includes/classes/class-settings-panel.php:3271, ../includes/classes/class-settings-panel.php:3298, ../includes/classes/class-settings-panel.php:3308, ../includes/classes/class-settings-panel.php:3357, ../includes/classes/class-settings-panel.php:3378, ../includes/classes/class-settings-panel.php:3405, ../includes/modules/multi-directory-setup/class-builder-data.php:522, ../includes/modules/multi-directory-setup/class-builder-data.php:2320 +msgid "Enable" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3120, ../includes/classes/class-settings-panel.php:3152, ../includes/classes/class-settings-panel.php:3179, ../includes/classes/class-settings-panel.php:3206, ../includes/classes/class-settings-panel.php:3233, ../includes/modules/multi-directory-setup/builder-custom-fields.php:146, ../includes/modules/multi-directory-setup/builder-custom-fields.php:203, ../includes/modules/multi-directory-setup/builder-custom-fields.php:255, ../includes/modules/multi-directory-setup/builder-custom-fields.php:339, ../includes/modules/multi-directory-setup/builder-custom-fields.php:391, ../includes/modules/multi-directory-setup/builder-custom-fields.php:443, ../includes/modules/multi-directory-setup/builder-custom-fields.php:490, ../includes/modules/multi-directory-setup/builder-custom-fields.php:554, ../includes/modules/multi-directory-setup/builder-custom-fields.php:618, ../includes/modules/multi-directory-setup/builder-custom-fields.php:682, ../includes/modules/multi-directory-setup/builder-custom-fields.php:742, ../includes/modules/multi-directory-setup/builder-preset-fields.php:39, ../includes/modules/multi-directory-setup/builder-preset-fields.php:92, ../includes/modules/multi-directory-setup/builder-preset-fields.php:132, ../includes/modules/multi-directory-setup/builder-preset-fields.php:292, ../includes/modules/multi-directory-setup/builder-preset-fields.php:359, ../includes/modules/multi-directory-setup/builder-preset-fields.php:409, ../includes/modules/multi-directory-setup/builder-preset-fields.php:469, ../includes/modules/multi-directory-setup/builder-preset-fields.php:541, ../includes/modules/multi-directory-setup/builder-preset-fields.php:580, ../includes/modules/multi-directory-setup/builder-preset-fields.php:619, ../includes/modules/multi-directory-setup/builder-preset-fields.php:663, ../includes/modules/multi-directory-setup/builder-preset-fields.php:707, ../includes/modules/multi-directory-setup/builder-preset-fields.php:746, ../includes/modules/multi-directory-setup/builder-preset-fields.php:785, ../includes/modules/multi-directory-setup/builder-preset-fields.php:819, ../includes/modules/multi-directory-setup/builder-preset-fields.php:873, ../includes/modules/multi-directory-setup/builder-preset-fields.php:912, ../includes/modules/multi-directory-setup/builder-preset-fields.php:953, ../includes/modules/multi-directory-setup/class-builder-data.php:638, ../includes/modules/multi-directory-setup/class-builder-data.php:648, ../includes/modules/multi-directory-setup/class-builder-data.php:669, ../includes/modules/multi-directory-setup/class-builder-data.php:745, ../includes/modules/multi-directory-setup/class-builder-data.php:766, ../includes/modules/multi-directory-setup/class-builder-data.php:786, ../includes/modules/multi-directory-setup/class-builder-data.php:806, ../includes/modules/multi-directory-setup/class-builder-data.php:826, ../includes/modules/multi-directory-setup/class-builder-data.php:846, ../includes/modules/multi-directory-setup/class-builder-data.php:866, ../includes/modules/multi-directory-setup/class-builder-data.php:897, ../includes/modules/multi-directory-setup/class-builder-data.php:918, ../includes/modules/multi-directory-setup/class-builder-data.php:939, ../includes/modules/multi-directory-setup/class-builder-data.php:960, ../includes/modules/multi-directory-setup/class-builder-data.php:976, ../includes/modules/multi-directory-setup/class-builder-data.php:997, ../includes/modules/multi-directory-setup/class-builder-data.php:1013, ../includes/modules/multi-directory-setup/class-builder-data.php:1029 +msgid "Required" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3261, ../includes/classes/class-settings-panel.php:3288, ../includes/classes/class-settings-panel.php:3325, ../includes/classes/class-settings-panel.php:3395 +msgid "Linking Text" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3304, ../includes/classes/class-settings-panel.php:3314, ../includes/classes/class-settings-panel.php:3374, ../includes/classes/class-settings-panel.php:3384, ../includes/modules/multi-directory-setup/builder-custom-fields.php:119, ../includes/modules/multi-directory-setup/builder-preset-fields.php:941, ../includes/modules/multi-directory-setup/class-builder-data.php:1524 +msgid "Text" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3315 +msgid "Already have an account?" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3326, ../includes/elementor/user-login.php:15, ../templates/listing-form/quick-login.php:41 +msgid "Login" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3335 +msgid "Auto Login after Registration" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3340 +msgid "Redirection after Registration" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3422, ../includes/gateways/class-gateway.php:174, ../includes/modules/multi-directory-setup/builder-custom-fields.php:136, ../includes/modules/multi-directory-setup/builder-custom-fields.php:188, ../includes/modules/multi-directory-setup/builder-custom-fields.php:245, ../includes/modules/multi-directory-setup/builder-custom-fields.php:324, ../includes/modules/multi-directory-setup/builder-custom-fields.php:381, ../includes/modules/multi-directory-setup/builder-custom-fields.php:433, ../includes/modules/multi-directory-setup/builder-custom-fields.php:485, ../includes/modules/multi-directory-setup/builder-custom-fields.php:532, ../includes/modules/multi-directory-setup/builder-custom-fields.php:596, ../includes/modules/multi-directory-setup/builder-custom-fields.php:660, ../includes/modules/multi-directory-setup/builder-custom-fields.php:724, ../includes/modules/multi-directory-setup/builder-preset-fields.php:46 +msgid "Description" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3433 +msgid "Email Label" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3434 +msgid "E-mail" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3444 +msgid "Username or Email Placeholder" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3455 +msgid "Button Text" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3465 +msgid "Redirection after Login" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3472 +msgid "Disable all Email Notifications" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3478 +msgid "Sender Name for Emails" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3479 +msgid "The name that will appear as the sender in emails generated by Directorist." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3490 +msgid "Sender Email Address" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3491 +msgid "The email address that will appear as the sender in emails generated by Directorist." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3502 +msgid "Admin Email Address(es) for Notifications" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3503 +msgid "Enter one or more email addresses (comma-separated) where admin notifications will be sent. Example: admin1@example.com, admin2@example.com." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3513 +msgid "Notify the Admin when Any of the Selected Event Happens" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3517 +msgid "Select the situation when you would like to send an email to the Admin" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3526 +msgid "Notify the Listing Owner when Any of the Selected Event Happens" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3530 +msgid "Select the situation when you would like to send an email to the Listing" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3540 +msgid "Email Header" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3546 +msgid "Email Header Color" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3557, ../includes/classes/class-settings-panel.php:3577, ../includes/classes/class-settings-panel.php:3595, ../includes/classes/class-settings-panel.php:3613, ../includes/classes/class-settings-panel.php:3631, ../includes/classes/class-settings-panel.php:3649, ../includes/classes/class-settings-panel.php:3668, ../includes/classes/class-settings-panel.php:3689, ../includes/classes/class-settings-panel.php:3708, ../includes/classes/class-settings-panel.php:3736, ../includes/classes/class-settings-panel.php:3767, ../includes/classes/class-settings-panel.php:3795, ../includes/classes/class-settings-panel.php:3819, ../includes/classes/class-settings-panel.php:3837 +msgid "Email Subject" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3558 +msgid "Edit the subject for sending to the user when a listing is submitted/received." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3559 +msgid "[==SITE_NAME==] : Listing \"==LISTING_TITLE==\" Received" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3563, ../includes/classes/class-settings-panel.php:3583, ../includes/classes/class-settings-panel.php:3601, ../includes/classes/class-settings-panel.php:3619, ../includes/classes/class-settings-panel.php:3637, ../includes/classes/class-settings-panel.php:3655, ../includes/classes/class-settings-panel.php:3674, ../includes/classes/class-settings-panel.php:3695, ../includes/classes/class-settings-panel.php:3714, ../includes/classes/class-settings-panel.php:3742, ../includes/classes/class-settings-panel.php:3773, ../includes/classes/class-settings-panel.php:3801, ../includes/classes/class-settings-panel.php:3825, ../includes/classes/class-settings-panel.php:3843 +msgid "Email Body" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3564 +msgid "Edit the email template for sending to the user when a listing is submitted/received. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3565 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" \n" +" This email is to notify you that your listing '==LISTING_TITLE==' has been received and it is under review now. \n" +" It may take up to 24 hours to complete the review. \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3286 +msgid "Edit the subject for sending to the user when a listing is approved/published." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3287 +msgid "[==SITE_NAME==] : Listing \"==LISTING_TITLE==\" published" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3292 +msgid "Edit the email template for sending to the user when a listing is approved/published. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3293 +======= +#: ../includes/classes/class-settings-panel.php:3578 +msgid "Edit the subject for sending to the user when a listing is approved/published." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3579 +msgid "[==SITE_NAME==] : Listing \"==LISTING_TITLE==\" published" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3584 +msgid "Edit the email template for sending to the user when a listing is approved/published. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3585 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" Congratulations! Your listing '==LISTING_TITLE==' has been approved/published. Now it is publicly available at ==LISTING_URL== \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3304 +msgid "Edit the subject for sending to the user when a listing is edited." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3305 +msgid "[==SITE_NAME==] : Listing \"==LISTING_TITLE==\" Edited" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3310 +msgid "Edit the email template for sending to the user when a listing is edited. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3311 +======= +#: ../includes/classes/class-settings-panel.php:3596 +msgid "Edit the subject for sending to the user when a listing is edited." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3597 +msgid "[==SITE_NAME==] : Listing \"==LISTING_TITLE==\" Edited" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3602 +msgid "Edit the email template for sending to the user when a listing is edited. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3603 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" Congratulations! Your listing '==LISTING_TITLE==' has been edited. It is publicly available at ==LISTING_URL== \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3322 +msgid "Edit the subject for sending to the user when a listing is ABOUT TO EXPIRE." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3323 +msgid "[==SITE_NAME==] : Your Listing \"==LISTING_TITLE==\" is about to expire." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3328 +msgid "Edit the email template for sending to the user when a listing is ABOUT TO EXPIRE. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3329 +======= +#: ../includes/classes/class-settings-panel.php:3614 +msgid "Edit the subject for sending to the user when a listing is ABOUT TO EXPIRE." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3615 +msgid "[==SITE_NAME==] : Your Listing \"==LISTING_TITLE==\" is about to expire." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3620 +msgid "Edit the email template for sending to the user when a listing is ABOUT TO EXPIRE. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3621 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" Your listing '==LISTING_TITLE==' is about to expire. It will expire on ==EXPIRATION_DATE==. You can renew it at ==RENEWAL_LINK== \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3340 +msgid "Edit the subject for sending to the user when a Listing HAS EXPIRED." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3341 +msgid "[==SITE_NAME==] : Your Listing '==LISTING_TITLE==' has expired." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3346 +msgid "Edit the email template for sending to the user when a Listing HAS EXPIRED. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3347 +======= +#: ../includes/classes/class-settings-panel.php:3632 +msgid "Edit the subject for sending to the user when a Listing HAS EXPIRED." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3633 +msgid "[==SITE_NAME==] : Your Listing '==LISTING_TITLE==' has expired." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3638 +msgid "Edit the email template for sending to the user when a Listing HAS EXPIRED. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3639 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" Your listing '==LISTING_TITLE==' has expired on ==EXPIRATION_DATE==. You can renew it at ==RENEWAL_LINK== \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3358 +msgid "Edit the subject for sending to the user to renew his/her listings." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3359 +msgid "[==SITE_NAME==] : A Reminder to Renew your listing \"==LISTING_TITLE==\"" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3364 +msgid "Edit the email template for sending to the user to renew his/her listings. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3365 +======= +#: ../includes/classes/class-settings-panel.php:3650 +msgid "Edit the subject for sending to the user to renew his/her listings." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3651 +msgid "[==SITE_NAME==] : A Reminder to Renew your listing \"==LISTING_TITLE==\"" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3656 +msgid "Edit the email template for sending to the user to renew his/her listings. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3657 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" \n" +" We have noticed that you might have forgot to renew your listing '==LISTING_TITLE==' at ==SITE_LINK==. We would like to remind you that it expired on ==EXPIRATION_DATE==. But please don't worry. You can still renew it by clicking this link: ==RENEWAL_LINK==. \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3377 +msgid "Edit the subject for sending to the user his/her listings has renewed successfully." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3378 +msgid "[==SITE_NAME==] : Your Listing \"==LISTING_TITLE==\" Has Renewed" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3383 +msgid "Edit the email template for sending to the user his/her listings has renewed successfully. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3384 +======= +#: ../includes/classes/class-settings-panel.php:3669 +msgid "Edit the subject for sending to the user his/her listings has renewed successfully." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3670 +msgid "[==SITE_NAME==] : Your Listing \"==LISTING_TITLE==\" Has Renewed" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3675 +msgid "Edit the email template for sending to the user his/her listings has renewed successfully. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3676 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" \n" +" Congratulations! \n" +" Your listing '==LISTING_LINK==' with the ID #==LISTING_ID== has been renewed successfully at ==SITE_LINK==. \n" +" Your listing is now publicly viewable at ==LISTING_URL== \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3398 +msgid "Edit the subject for sending to the user when his/her listings has deleted successfully." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3399 +msgid "[==SITE_NAME==] : Your Listing \"==LISTING_TITLE==\" Has Been Deleted" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3404 +msgid "Edit the email template for sending to the user when his/her listings has deleted successfully. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3405 +======= +#: ../includes/classes/class-settings-panel.php:3690 +msgid "Edit the subject for sending to the user when his/her listings has deleted successfully." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3691 +msgid "[==SITE_NAME==] : Your Listing \"==LISTING_TITLE==\" Has Been Deleted" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3696 +msgid "Edit the email template for sending to the user when his/her listings has deleted successfully. HTML content is allowed too." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3697 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" \n" +" Your listing '==LISTING_LINK==' with the ID #==LISTING_ID== has been deleted successfully at ==SITE_LINK==. \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3417 +msgid "Edit the subject for sending to the user when an order is created." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3418, ../includes/classes/class-settings-panel.php:3446 +msgid "[==SITE_NAME==] : Your Order (#==ORDER_ID==) Received." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3423 +msgid "Edit the email template for sending to the user when an order is created." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3424 +======= +#: ../includes/classes/class-settings-panel.php:3709 +msgid "Edit the subject for sending to the user when an order is created." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3710, ../includes/classes/class-settings-panel.php:3738 +msgid "[==SITE_NAME==] : Your Order (#==ORDER_ID==) Received." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3715 +msgid "Edit the email template for sending to the user when an order is created." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3716 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" \n" +" Thank you very much for your order. \n" +" This email is to notify you that your order (#==ORDER_ID==) has been received. You can check your order details and progress by clicking the link below. \n" +" \n" +" Order Details Page: ==ORDER_RECEIPT_URL== \n" +" \n" +" Your order summery: \n" +" ==ORDER_DETAILS== \n" +" \n" +" \n" +" NB. You need to be logged in your account to access the order details page. \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3445 +msgid "Edit the subject for sending to the user when an order is created using offline payment like bank transfer." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3451 +msgid "Edit the email template for sending to the user when an order is created using offline payment like bank transfer." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3452 +======= +#: ../includes/classes/class-settings-panel.php:3737 +msgid "Edit the subject for sending to the user when an order is created using offline payment like bank transfer." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3743 +msgid "Edit the email template for sending to the user when an order is created using offline payment like bank transfer." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3744 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" \n" +" Thank you very much for your order. \n" +" This email is to notify you that your order (#==ORDER_ID==) has been received. \n" +" \n" +" %s \n" +" \n" +" You can check your order details and progress by clicking the link below. \n" +" Order Details Page: ==ORDER_RECEIPT_URL== \n" +" \n" +" Your order summery: \n" +" ==ORDER_DETAILS== \n" +" \n" +" \n" +" NB. You need to be logged in your account to access the order details page. \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3476 +msgid "Edit the subject for sending to the user when an order is completed" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3477 +msgid "[==SITE_NAME==] : Congratulation! Your Order #==ORDER_ID== Completed." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3482 +msgid "Edit the email template for sending to the user when an order is completed." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3483 +======= +#: ../includes/classes/class-settings-panel.php:3768 +msgid "Edit the subject for sending to the user when an order is completed" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3769 +msgid "[==SITE_NAME==] : Congratulation! Your Order #==ORDER_ID== Completed." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3774 +msgid "Edit the email template for sending to the user when an order is completed." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3775 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" \n" +" Congratulation! This email is to notify you that your order #==ORDER_ID== has been completed. \n" +" \n" +" You can check your order details by clicking the link below. \n" +" Order Details Page: ==ORDER_RECEIPT_URL== \n" +" \n" +" Your order summery: \n" +" ==ORDER_DETAILS== \n" +" \n" +" \n" +" NB. You need to be logged in your account to access the order details page. \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3504, ../includes/classes/class-settings-panel.php:3528, ../includes/classes/class-settings-panel.php:3546 +msgid "Edit the subject for sending to the user when listing contact message send." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3505 +msgid "==SITE_NAME== Contact via ==LISTING_TITLE==" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3510 +msgid "Edit the email template for sending to the user when when listing contact message send" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3511 +======= +#: ../includes/classes/class-settings-panel.php:3796, ../includes/classes/class-settings-panel.php:3820, ../includes/classes/class-settings-panel.php:3838 +msgid "Edit the subject for sending to the user when listing contact message send." +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3797 +msgid "==SITE_NAME== Contact via ==LISTING_TITLE==" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3802 +msgid "Edit the email template for sending to the user when when listing contact message send" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3803 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Dear ==NAME==, \n" +" \n" +" You have received a message from your listing at ==LISTING_URL==. \n" +" \n" +" Name: ==SENDER_NAME== \n" +" Email: ==SENDER_EMAIL== \n" +" Message: ==MESSAGE== \n" +" Time: ==NOW== \n" +" \n" +" Thanks, \n" +" The Administrator of ==SITE_NAME== \n" +" " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3534, ../includes/classes/class-settings-panel.php:3552 +msgid "Note: Use ==USER_PASSWORD== to show a temporary password when password field is disable from registration page" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3535 +======= +#: ../includes/classes/class-settings-panel.php:3826, ../includes/classes/class-settings-panel.php:3844 +msgid "Note: Use ==USER_PASSWORD== to show a temporary password when password field is disable from registration page" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3827 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +" \n" +" Hi ==USERNAME==, \n" +" \n" +" Thanks for creating an account on ==SITE_NAME==. Your username is ==USERNAME==. You can access your account area to view listings, change your password, and more at: ==DASHBOARD_LINK== \n" +" \n" +" We look forward to seeing you soon" +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3547 +msgid "[==NAME==] Verify Your Email" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3553 +======= +#: ../includes/classes/class-settings-panel.php:3839 +msgid "[==NAME==] Verify Your Email" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3845 +>>>>>>> dfda0415b (Development (#2325)) +msgid "" +"Hi ==USERNAME==, \n" +" Thank you for signing up at ==SITE_NAME==, to complete the registration, please verify your email address. \n" +" To activate your account simply click on the link below and verify your email address within 24 hours. For your safety, you will not be able to access your account until verification of your email has been completed. \n" +" ==CONFIRM_EMAIL_ADDRESS_URL== \n" +" \n" +"

    If you did not sign up for this account you can ignore this email.

    " +msgstr "" + +<<<<<<< HEAD +#: ../includes/classes/class-settings-panel.php:3572, ../includes/classes/class-settings-panel.php:4319, ../templates/dashboard/tab-my-listings.php:67, ../views/admin-templates/post-types-manager/all-listing-types.php:119 +msgid "Listings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3576, ../includes/classes/class-settings-panel.php:3744, ../includes/classes/class-settings-panel.php:4069, ../includes/classes/class-settings-panel.php:4092, ../includes/elementor/add-listing.php:36, ../includes/elementor/all-categories.php:45, ../includes/elementor/all-listing.php:63, ../includes/elementor/all-locations.php:45, ../includes/elementor/author-profile.php:25, ../includes/elementor/category.php:25, ../includes/elementor/checkout.php:25, ../includes/elementor/custom-registration.php:25, ../includes/elementor/location.php:25, ../includes/elementor/payment-receipt.php:26, ../includes/elementor/search-listing.php:36, ../includes/elementor/search-result.php:25, ../includes/elementor/tag.php:25, ../includes/elementor/transaction-failure.php:26, ../includes/elementor/user-dashboard.php:25, ../includes/elementor/user-login.php:25 +msgid "General" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3589, ../includes/elementor/custom-registration.php:15 +msgid "Registration" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3595 +msgid "Listing Currency" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3601 +msgid "Listings Renewal" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3607 +msgid "Expired Listings Management" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3619 +msgid " Layout & Search" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3633, ../includes/classes/class-settings-panel.php:3845 +msgid "Header" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3648 +msgid "Preview Image" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3662 +msgid "Single Listing" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3666 +msgid "Listing Template and View" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3672 +msgid "Listing Permalink" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3679 +msgid "Submission Confirmations" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3687 +msgid "Slider Image" msgstr "" #: ../includes/classes/class-settings-panel.php:3700 msgid "Category & Location" msgstr "" -#: ../includes/classes/class-settings-panel.php:3704 +#: ../includes/classes/class-settings-panel.php:3704 +msgid "Categories Page" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3710 +msgid "Locations Page" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3731 +msgid "Map Info Window Settings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3740, ../includes/modules/multi-directory-setup/class-builder-data.php:2465 +msgid "Badges" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3751 +msgid "New Badge" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3758 +msgid "Popular Badge" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3765 +msgid "Featured Badge" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3778 +msgid "Page Setup" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3789 +msgid "Page, Links & View Settings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3807, ../includes/modules/multi-directory-setup/class-builder-data.php:2291 +msgid "Search Bar" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3819 +msgid "Popular Categories" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3832 +msgid "Layout & Search" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3869 +msgid "Registration Form" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3915 +msgid "About/Bio" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3922 +msgid "User Type Registration" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3936 +msgid "Terms Conditions" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3944 +msgid "Sign Up Button" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3951 +msgid "Login Message" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3958 +msgid "" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3967, ../includes/widgets/login-form.php:27, ../includes/widgets/login-form.php:63 +msgid "Login Form" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3985 +msgid "Remember Login Information" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3992 +msgid "Login Button" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3999 +msgid "Sign Up Message" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4033 +msgid "Author Dashboard" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4040 +msgid "User Dashboard" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4049, ../includes/classes/class-settings-panel.php:4053 +msgid "All Authors" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4073 +msgid "Sender Details" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4080 +msgid "Email Notifications" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4088, ../includes/system-status/system-info-template.php:535, ../includes/system-status/system-information/system-information-template.php:53 +msgid "Templates" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4099 +msgid "For New Listing" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4106 +msgid "For Approved/Published Listings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4113 +msgid "For Edited Listings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4120 +msgid "For About To Expire Listings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4127 +msgid "For Expired Listings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4134 +msgid "For Renewal Listings (Remind To Renew)" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4141 +msgid "For Renewed Listings (After Renewed)" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4148 +msgid "For Deleted/Trashed Listings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4155 +msgid "For New Order (Created)" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4162 +msgid "For New Order (Created Using Offline Bank Transfer)" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4169 +msgid "For Completed Order" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4176 +msgid "For Listing Contact Email" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4183 +msgid "Registration Confirmation" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4190 +msgid "Email Verification" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4202, ../includes/gateways/class-gateway.php:85 +msgid "Monetization" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4206 +msgid "General Settings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4216 +msgid "Currency" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4228, ../includes/widgets/featured-listing.php:27, ../includes/widgets/featured-listing.php:71 +msgid "Featured Listings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4242 +msgid "Payment Gateways" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4271 +msgid "Personalization" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4275 +msgid "Brand" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4281 +msgid "Button" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4287 +msgid "All Listings Map Marker" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4297, ../views/admin-templates/theme-extensions/all-themes-extensions.php:7 +msgid "Extensions" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4301 +msgid "Extensions General" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4315 +msgid "Import and Export" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4325, ../includes/system-status/system-info-template.php:286, ../includes/system-status/system-information/system-information-template.php:35, ../views/admin-templates/settings-manager/settings.php:13 +msgid "Settings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4334 +msgid "Advanced" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4338 +msgid "Title & Meta (SEO)" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4349 +msgid "Miscellaneous" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4353 +msgid "Caching" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4359 +msgid "Debugging" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4553 +msgid "Order Created" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4557 +msgid "Order Completed" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4561 +msgid "New Listing Submitted" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4565 +msgid "Listing Approved/Published" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4569 +msgid "Listing Edited" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4573 +msgid "Payment Received" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4577 +msgid "Listing Deleted" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4581 +msgid "Listing Contact Form" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4585 +msgid "Listing Review" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4589 +msgid "Listing Renewed" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4649 +msgid "Listing nearly Expired" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4653 +msgid "Listing Expired" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4657 +======= +#: ../includes/classes/class-settings-panel.php:3864, ../includes/classes/class-settings-panel.php:4611, ../templates/dashboard/tab-my-listings.php:67, ../views/admin-templates/post-types-manager/all-listing-types.php:119 +msgid "Listings" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3868, ../includes/classes/class-settings-panel.php:4036, ../includes/classes/class-settings-panel.php:4361, ../includes/classes/class-settings-panel.php:4384, ../includes/elementor/add-listing.php:36, ../includes/elementor/all-categories.php:45, ../includes/elementor/all-listing.php:63, ../includes/elementor/all-locations.php:45, ../includes/elementor/author-profile.php:25, ../includes/elementor/category.php:25, ../includes/elementor/checkout.php:25, ../includes/elementor/custom-registration.php:25, ../includes/elementor/location.php:25, ../includes/elementor/payment-receipt.php:26, ../includes/elementor/search-listing.php:36, ../includes/elementor/search-result.php:25, ../includes/elementor/tag.php:25, ../includes/elementor/transaction-failure.php:26, ../includes/elementor/user-dashboard.php:25, ../includes/elementor/user-login.php:25 +msgid "General" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3881, ../includes/elementor/custom-registration.php:15 +msgid "Registration" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3887 +msgid "Listing Currency" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3893 +msgid "Listings Renewal" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3899 +msgid "Expired Listings Management" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3911 +msgid " Layout & Search" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3925, ../includes/classes/class-settings-panel.php:4137 +msgid "Header" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3940 +msgid "Preview Image" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3954 +msgid "Single Listing" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3958 +msgid "Listing Template and View" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3964 +msgid "Listing Permalink" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3971 +msgid "Submission Confirmations" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3979 +msgid "Slider Image" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3992 +msgid "Category & Location" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:3996 msgid "Categories Page" msgstr "" -#: ../includes/classes/class-settings-panel.php:3710 +#: ../includes/classes/class-settings-panel.php:4002 msgid "Locations Page" msgstr "" -#: ../includes/classes/class-settings-panel.php:3731 +#: ../includes/classes/class-settings-panel.php:4023 msgid "Map Info Window Settings" msgstr "" -#: ../includes/classes/class-settings-panel.php:3740, ../includes/modules/multi-directory-setup/class-builder-data.php:2465 +#: ../includes/classes/class-settings-panel.php:4032, ../includes/modules/multi-directory-setup/class-builder-data.php:2463 msgid "Badges" msgstr "" -#: ../includes/classes/class-settings-panel.php:3751 +#: ../includes/classes/class-settings-panel.php:4043 msgid "New Badge" msgstr "" -#: ../includes/classes/class-settings-panel.php:3758 +#: ../includes/classes/class-settings-panel.php:4050 msgid "Popular Badge" msgstr "" -#: ../includes/classes/class-settings-panel.php:3765 +#: ../includes/classes/class-settings-panel.php:4057 msgid "Featured Badge" msgstr "" -#: ../includes/classes/class-settings-panel.php:3778 +#: ../includes/classes/class-settings-panel.php:4070 msgid "Page Setup" msgstr "" -#: ../includes/classes/class-settings-panel.php:3789 +#: ../includes/classes/class-settings-panel.php:4081 msgid "Page, Links & View Settings" msgstr "" -#: ../includes/classes/class-settings-panel.php:3807, ../includes/modules/multi-directory-setup/class-builder-data.php:2291 +#: ../includes/classes/class-settings-panel.php:4099, ../includes/modules/multi-directory-setup/class-builder-data.php:2291 msgid "Search Bar" msgstr "" -#: ../includes/classes/class-settings-panel.php:3819 +#: ../includes/classes/class-settings-panel.php:4111 msgid "Popular Categories" msgstr "" -#: ../includes/classes/class-settings-panel.php:3832 +#: ../includes/classes/class-settings-panel.php:4124 msgid "Layout & Search" msgstr "" -#: ../includes/classes/class-settings-panel.php:3869 +#: ../includes/classes/class-settings-panel.php:4161 msgid "Registration Form" msgstr "" -#: ../includes/classes/class-settings-panel.php:3915 +#: ../includes/classes/class-settings-panel.php:4207 msgid "About/Bio" msgstr "" -#: ../includes/classes/class-settings-panel.php:3922 +#: ../includes/classes/class-settings-panel.php:4214 msgid "User Type Registration" msgstr "" -#: ../includes/classes/class-settings-panel.php:3936 +#: ../includes/classes/class-settings-panel.php:4228 msgid "Terms Conditions" msgstr "" -#: ../includes/classes/class-settings-panel.php:3944 +#: ../includes/classes/class-settings-panel.php:4236 msgid "Sign Up Button" msgstr "" -#: ../includes/classes/class-settings-panel.php:3951 +#: ../includes/classes/class-settings-panel.php:4243 msgid "Login Message" msgstr "" -#: ../includes/classes/class-settings-panel.php:3958 +#: ../includes/classes/class-settings-panel.php:4250 msgid "" msgstr "" -#: ../includes/classes/class-settings-panel.php:3967, ../includes/widgets/login-form.php:27, ../includes/widgets/login-form.php:63 +#: ../includes/classes/class-settings-panel.php:4259, ../includes/widgets/login-form.php:27, ../includes/widgets/login-form.php:63 msgid "Login Form" msgstr "" -#: ../includes/classes/class-settings-panel.php:3985 +#: ../includes/classes/class-settings-panel.php:4277 msgid "Remember Login Information" msgstr "" -#: ../includes/classes/class-settings-panel.php:3992 +#: ../includes/classes/class-settings-panel.php:4284 msgid "Login Button" msgstr "" -#: ../includes/classes/class-settings-panel.php:3999 +#: ../includes/classes/class-settings-panel.php:4291 msgid "Sign Up Message" msgstr "" -#: ../includes/classes/class-settings-panel.php:4033 +#: ../includes/classes/class-settings-panel.php:4325 msgid "Author Dashboard" msgstr "" -#: ../includes/classes/class-settings-panel.php:4040 +#: ../includes/classes/class-settings-panel.php:4332 msgid "User Dashboard" msgstr "" -#: ../includes/classes/class-settings-panel.php:4049, ../includes/classes/class-settings-panel.php:4053 +#: ../includes/classes/class-settings-panel.php:4341, ../includes/classes/class-settings-panel.php:4345 msgid "All Authors" msgstr "" -#: ../includes/classes/class-settings-panel.php:4073 +#: ../includes/classes/class-settings-panel.php:4365 msgid "Sender Details" msgstr "" -#: ../includes/classes/class-settings-panel.php:4080 +#: ../includes/classes/class-settings-panel.php:4372 msgid "Email Notifications" msgstr "" -#: ../includes/classes/class-settings-panel.php:4088, ../includes/system-status/system-info-template.php:535, ../includes/system-status/system-information/system-information-template.php:53 +#: ../includes/classes/class-settings-panel.php:4380, ../includes/system-status/system-info-template.php:535, ../includes/system-status/system-information/system-information-template.php:53 msgid "Templates" msgstr "" -#: ../includes/classes/class-settings-panel.php:4099 +#: ../includes/classes/class-settings-panel.php:4391 msgid "For New Listing" msgstr "" -#: ../includes/classes/class-settings-panel.php:4106 +#: ../includes/classes/class-settings-panel.php:4398 msgid "For Approved/Published Listings" msgstr "" -#: ../includes/classes/class-settings-panel.php:4113 +#: ../includes/classes/class-settings-panel.php:4405 msgid "For Edited Listings" msgstr "" -#: ../includes/classes/class-settings-panel.php:4120 +#: ../includes/classes/class-settings-panel.php:4412 msgid "For About To Expire Listings" msgstr "" -#: ../includes/classes/class-settings-panel.php:4127 +#: ../includes/classes/class-settings-panel.php:4419 msgid "For Expired Listings" msgstr "" -#: ../includes/classes/class-settings-panel.php:4134 +#: ../includes/classes/class-settings-panel.php:4426 msgid "For Renewal Listings (Remind To Renew)" msgstr "" -#: ../includes/classes/class-settings-panel.php:4141 +#: ../includes/classes/class-settings-panel.php:4433 msgid "For Renewed Listings (After Renewed)" msgstr "" -#: ../includes/classes/class-settings-panel.php:4148 +#: ../includes/classes/class-settings-panel.php:4440 msgid "For Deleted/Trashed Listings" msgstr "" -#: ../includes/classes/class-settings-panel.php:4155 +#: ../includes/classes/class-settings-panel.php:4447 msgid "For New Order (Created)" msgstr "" -#: ../includes/classes/class-settings-panel.php:4162 +#: ../includes/classes/class-settings-panel.php:4454 msgid "For New Order (Created Using Offline Bank Transfer)" msgstr "" -#: ../includes/classes/class-settings-panel.php:4169 +#: ../includes/classes/class-settings-panel.php:4461 msgid "For Completed Order" msgstr "" -#: ../includes/classes/class-settings-panel.php:4176 +#: ../includes/classes/class-settings-panel.php:4468 msgid "For Listing Contact Email" msgstr "" -#: ../includes/classes/class-settings-panel.php:4183 +#: ../includes/classes/class-settings-panel.php:4475 msgid "Registration Confirmation" msgstr "" -#: ../includes/classes/class-settings-panel.php:4190 +#: ../includes/classes/class-settings-panel.php:4482 msgid "Email Verification" msgstr "" -#: ../includes/classes/class-settings-panel.php:4202, ../includes/gateways/class-gateway.php:85 +#: ../includes/classes/class-settings-panel.php:4494, ../includes/gateways/class-gateway.php:89 msgid "Monetization" msgstr "" -#: ../includes/classes/class-settings-panel.php:4206 +#: ../includes/classes/class-settings-panel.php:4498 msgid "General Settings" msgstr "" -#: ../includes/classes/class-settings-panel.php:4216 +#: ../includes/classes/class-settings-panel.php:4508 msgid "Currency" msgstr "" -#: ../includes/classes/class-settings-panel.php:4228, ../includes/widgets/featured-listing.php:27, ../includes/widgets/featured-listing.php:71 +#: ../includes/classes/class-settings-panel.php:4520, ../includes/widgets/featured-listing.php:27, ../includes/widgets/featured-listing.php:71 msgid "Featured Listings" msgstr "" -#: ../includes/classes/class-settings-panel.php:4242 +#: ../includes/classes/class-settings-panel.php:4534 msgid "Payment Gateways" msgstr "" -#: ../includes/classes/class-settings-panel.php:4271 +#: ../includes/classes/class-settings-panel.php:4563 msgid "Personalization" msgstr "" -#: ../includes/classes/class-settings-panel.php:4275 +#: ../includes/classes/class-settings-panel.php:4567 msgid "Brand" msgstr "" -#: ../includes/classes/class-settings-panel.php:4281 +#: ../includes/classes/class-settings-panel.php:4573 msgid "Button" msgstr "" -#: ../includes/classes/class-settings-panel.php:4287 +#: ../includes/classes/class-settings-panel.php:4579 msgid "All Listings Map Marker" msgstr "" -#: ../includes/classes/class-settings-panel.php:4297, ../views/admin-templates/theme-extensions/all-themes-extensions.php:7 +#: ../includes/classes/class-settings-panel.php:4589, ../views/admin-templates/theme-extensions/all-themes-extensions.php:7 msgid "Extensions" msgstr "" -#: ../includes/classes/class-settings-panel.php:4301 +#: ../includes/classes/class-settings-panel.php:4593 msgid "Extensions General" msgstr "" -#: ../includes/classes/class-settings-panel.php:4315 +#: ../includes/classes/class-settings-panel.php:4607 msgid "Import and Export" msgstr "" -#: ../includes/classes/class-settings-panel.php:4325, ../includes/system-status/system-info-template.php:286, ../includes/system-status/system-information/system-information-template.php:35, ../views/admin-templates/settings-manager/settings.php:13 +#: ../includes/classes/class-settings-panel.php:4617, ../includes/system-status/system-info-template.php:286, ../includes/system-status/system-information/system-information-template.php:35, ../views/admin-templates/settings-manager/settings.php:13 msgid "Settings" msgstr "" -#: ../includes/classes/class-settings-panel.php:4334 +#: ../includes/classes/class-settings-panel.php:4626 msgid "Advanced" msgstr "" -#: ../includes/classes/class-settings-panel.php:4338 +#: ../includes/classes/class-settings-panel.php:4630 msgid "Title & Meta (SEO)" msgstr "" -#: ../includes/classes/class-settings-panel.php:4349 +#: ../includes/classes/class-settings-panel.php:4641 +msgid "Schema Markup" +msgstr "" + +#: ../includes/classes/class-settings-panel.php:4659 msgid "Miscellaneous" msgstr "" -#: ../includes/classes/class-settings-panel.php:4353 +#: ../includes/classes/class-settings-panel.php:4663 msgid "Caching" msgstr "" -#: ../includes/classes/class-settings-panel.php:4359 +#: ../includes/classes/class-settings-panel.php:4669 msgid "Debugging" msgstr "" -#: ../includes/classes/class-settings-panel.php:4553 +#: ../includes/classes/class-settings-panel.php:4863 msgid "Order Created" msgstr "" -#: ../includes/classes/class-settings-panel.php:4557 +#: ../includes/classes/class-settings-panel.php:4867 msgid "Order Completed" msgstr "" -#: ../includes/classes/class-settings-panel.php:4561 +#: ../includes/classes/class-settings-panel.php:4871 msgid "New Listing Submitted" msgstr "" -#: ../includes/classes/class-settings-panel.php:4565 +#: ../includes/classes/class-settings-panel.php:4875 msgid "Listing Approved/Published" msgstr "" -#: ../includes/classes/class-settings-panel.php:4569 +#: ../includes/classes/class-settings-panel.php:4879 msgid "Listing Edited" msgstr "" -#: ../includes/classes/class-settings-panel.php:4573 +#: ../includes/classes/class-settings-panel.php:4883 msgid "Payment Received" msgstr "" -#: ../includes/classes/class-settings-panel.php:4577 +#: ../includes/classes/class-settings-panel.php:4887 msgid "Listing Deleted" msgstr "" -#: ../includes/classes/class-settings-panel.php:4581 +#: ../includes/classes/class-settings-panel.php:4891 msgid "Listing Contact Form" msgstr "" -#: ../includes/classes/class-settings-panel.php:4585 +#: ../includes/classes/class-settings-panel.php:4895 msgid "Listing Review" msgstr "" -#: ../includes/classes/class-settings-panel.php:4589 +#: ../includes/classes/class-settings-panel.php:4899 msgid "Listing Renewed" msgstr "" -#: ../includes/classes/class-settings-panel.php:4649 +#: ../includes/classes/class-settings-panel.php:4959 msgid "Listing nearly Expired" msgstr "" -#: ../includes/classes/class-settings-panel.php:4653 +#: ../includes/classes/class-settings-panel.php:4963 msgid "Listing Expired" msgstr "" -#: ../includes/classes/class-settings-panel.php:4657 +#: ../includes/classes/class-settings-panel.php:4967 +>>>>>>> dfda0415b (Development (#2325)) msgid "Remind to renew" msgstr "" @@ -7443,7 +8639,7 @@ msgstr "" #: ../includes/modules/multi-directory-setup/class-builder-data.php:2223 msgid "" -"Enabling this option will replace the default single listing page. After enabling you must create and assign a new page with generated shortcodes to display single listing content.\n" +"Enabling this option will replace the default single listing page. After enabling you must create and assign a new page with generated shortcodes to display single listing content. \n" "" msgstr "" diff --git a/readme.txt b/readme.txt index 66b2927b94..fad5b27200 100644 --- a/readme.txt +++ b/readme.txt @@ -5,7 +5,11 @@ Tags: member directory, listing, classifieds, directory plugin, business directo Requires at least: 4.6 Tested up to: 6.8 Requires PHP: 7.0 +<<<<<<< HEAD Stable tag: 8.4.1 +======= +Stable tag: 8.4 +>>>>>>> dfda0415b (Development (#2325)) License: GPLv3 License URI: https://www.gnu.org/licenses/gpl-3.0.html @@ -297,6 +301,7 @@ Directorist is a complete directory solution and in combination with its advance == Changelog == +<<<<<<< HEAD 8.4.1 - May 18, 2025 **Changed** @@ -316,6 +321,8 @@ Directorist is a complete directory solution and in combination with its advance - Builders and listings not imported from setup widget. (#2333) - Swiper Slider loop issue fixed. (#2327) +======= +>>>>>>> dfda0415b (Development (#2325)) 8.4 - Apr 29, 2025 **New**